:root{
/* --- base palette ------------------------------------------------ */
--dial-deep:#0e5d6a;      /* deep dial teal - primary brand ink on light */
--dial-teal:#127c8c;      /* teal - primary fill */
--dial-teal-lift:#1a8b9c; /* teal, one step up (hover on solid teal) */
--dial-teal-press:#0b4c57;/* teal, pressed / nested panel on teal */
--dial-static:#cfe6e8;    /* static teal - tints, on-dark body copy */
--dial-mist:#e3f0f1;      /* palest teal wash */
--dial-fog:#9ecfd6;       /* teal meta text on dark */

--marigold:#f2c14b;       /* marigold - accent, tags, CTA on dark */
--marigold-deep:#e08a2c;  /* deep marigold - links hover, warning */
--marigold-tint:#f7dfa8;  /* marigold wash / nested panel on marigold */
--marigold-soft:#f6d281;
--rust:#a85e14;           /* rust - one-colour dark warm ground */
--olive-ink:#6b5320;      /* meta text on marigold */
--olive-ink-deep:#5b4413; /* body text on marigold */

--ink:#201e1d;            /* near-black brand ink */
--ink-soft:#5b534c;       /* body copy secondary */
--ink-mute:#6b6259;       /* labels, captions */
--paper:#f9f4ed;          /* warm paper - default page ground */
--white:#ffffff;
--line:#e3d9c9;           /* hairline on paper */
--line-soft:#e6ddd0;      /* hairline on white */

/* --- semantic aliases -------------------------------------------- */
--surface-page:var(--paper);
--surface-card:var(--white);
--surface-card-dark:var(--dial-deep);
--surface-card-accent:var(--marigold);
--surface-inset:var(--dial-mist);
--surface-inset-dark:var(--dial-teal-press);

--text-heading:var(--dial-deep);
--text-body:var(--ink-soft);
--text-strong:var(--ink);
--text-meta:var(--ink-mute);
--text-on-dark:var(--white);
--text-on-dark-body:var(--dial-static);
--text-on-dark-meta:var(--dial-fog);
--text-on-accent:var(--dial-deep);
--text-on-accent-body:var(--olive-ink-deep);

--border-hairline:var(--line);
--border-hairline-soft:var(--line-soft);
--focus-ring:var(--marigold-deep);

--action-primary:var(--dial-teal);
--action-primary-hover:var(--dial-teal-lift);
--action-primary-press:var(--dial-teal-press);
--action-accent:var(--marigold);
--action-accent-hover:var(--marigold-deep);
--link:var(--dial-deep);
--link-hover:var(--marigold-deep);

--status-live:var(--marigold-deep);
--status-new:var(--marigold);
--status-quiet:var(--dial-static);
}