:root{
/* base — warm surfaces */
--paper:#FFF6EF;--white:#FFFFFF;--shell:#FAF3EF;
/* base — ink */
--ink:#1B2633;--ink-muted:#4C5964;
/* base — deep ocean (the single interactive accent) */
--deep-ocean:#0C3E60;--ocean-dark:#082C45;--ocean-light:#7FB6E0;
--on-primary:#FFFFFF;--on-dark:#FFFFFF;--on-dark-muted:#E6EAF0;
--focus-ring:#1668A8;--focus-ring-on-dark:#FFFFFF;
/* base — atmosphere (backgrounds only, never interactive) */
--peach:#F5B6A8;--coral:#F58E5A;--tangerine:#F99C3C;--berry:#C53C5A;--hot-coral:#F86146;
--lilac:#DFC5E2;--violet:#937FA7;--blue-glow:#4D82B4;
/* base — dark compositional panels */
--dark-panel:#22262E;--dark-panel-raised:#2A2E38;--overlay-dark:#0C1620;
/* base — lines */
--hairline:#E4D9D2;--divider-soft:#F0E7E0;
/* base — feedback */
--error:#B3261E;--success:#1E6B4F;

/* semantic — surfaces */
--surface-page:var(--paper);
--surface-card:var(--white);
--surface-card-warm:var(--shell);
--surface-dark:var(--dark-panel);
--surface-dark-raised:var(--dark-panel-raised);
--surface-frosted:rgb(255 246 239 / .82);
--surface-scrim:rgb(12 22 32 / .55);
/* semantic — text */
--text-body:var(--ink);
--text-muted:var(--ink-muted);
--text-on-dark:var(--on-dark);
--text-on-dark-muted:var(--on-dark-muted);
--text-link:var(--deep-ocean);
--text-link-on-dark:var(--ocean-light);
/* semantic — actions */
--action-primary-bg:var(--deep-ocean);
--action-primary-bg-hover:var(--ocean-dark);
--action-primary-fg:var(--on-primary);
--action-secondary-border:var(--deep-ocean);
--action-secondary-fg:var(--deep-ocean);
--action-secondary-wash:rgb(12 62 96 / .06);
--action-on-hero-fill:rgb(255 255 255 / .08);
--action-on-hero-border:var(--on-dark);
/* semantic — lines & focus */
--border-hairline:var(--hairline);
--border-divider:var(--divider-soft);
--focus:var(--focus-ring);
--focus-on-dark:var(--focus-ring-on-dark);
/* semantic — feedback */
--feedback-error:var(--error);
--feedback-success:var(--success);
}