:root{
    --bg:#f3f6fb;
    --surface:#ffffff;
    --ink:#0f172a;
    --muted:#475569;
    --subtle:#64748b;
    --line:rgba(15,23,42,.10);
    --shadow:0 18px 55px rgba(15,23,42,.10);
    --radius:22px;
    --radius-sm:14px;

    /* Brand (teal, slightly faded) */
    --accent:#2c8a88;
    --accent-ink:#0b3b3a;
    --accent-soft:rgba(44,138,136,.12);
    --accent-soft-2:rgba(44,138,136,.18);
    --accent-hover:#267a78;
    --accent-contrast:#ffffff;

    --btn-soft:#dff0ef;
    --btn-soft-border:rgba(44,138,136,.22);

    --max:1100px;
}