:root{
/* Sea — the anchor. Deep, calm, never black. */
--sea-900:#0E2830;--sea-800:#153742;--sea-700:#1D4B59;--sea-600:#2A6272;--sea-500:#3E7C8C;--sea-400:#6E9EAA;--sea-300:#A3C2CA;--sea-200:#CEDFE3;--sea-100:#E6EFF1;
/* Sand — warm luminous ground. */
--sand-50:#FCFAF6;--sand-100:#F7F2E9;--sand-200:#EFE7D9;--sand-300:#E2D6C3;--sand-400:#CDBEA6;--sand-500:#AD9C81;
/* Brass — the horizon light. Muted gold, the only "bright" note allowed. */
--brass-100:#F6EEDF;--brass-200:#EBD9BC;--brass-300:#D9BC8B;--brass-400:#C2A06B;--brass-500:#A6854F;--brass-600:#82683C;
/* Sage — nature, growth, harmony. */
--sage-100:#E7EDE6;--sage-200:#CFDBCD;--sage-300:#A8BFA6;--sage-400:#7E9B87;--sage-500:#5F7C6A;--sage-600:#46604F;
/* Neutral warm greys, tinted toward sand so nothing feels clinical. */
--grey-50:#F8F7F5;--grey-100:#EEECE8;--grey-200:#DDDAD4;--grey-300:#BFBBB3;--grey-400:#948F86;--grey-500:#6B665E;--grey-600:#4A463F;--grey-700:#2E2B26;
/* Semantic hues — desaturated so they sit inside the palette. */
--positive:#5F7C6A;--positive-soft:#E7EDE6;--caution:#A6854F;--caution-soft:#F6EEDF;--critical:#9E5A4E;--critical-soft:#F3E4E0;--informative:#3E7C8C;--informative-soft:#E6EFF1;

/* ── Semantic aliases (use these in components) ── */
--text-strong:var(--sea-900);--text-body:var(--grey-600);--text-muted:var(--grey-500);--text-subtle:var(--grey-400);--text-on-dark:var(--sand-100);--text-on-dark-muted:var(--sea-300);--text-accent:var(--brass-600);
--surface-page:var(--sand-50);--surface-card:#FFFFFF;--surface-raised:var(--sand-100);--surface-sunken:var(--sand-200);--surface-deep:var(--sea-900);--surface-deep-alt:var(--sea-800);--surface-tint:var(--sea-100);--surface-sage:var(--sage-100);
--border-hairline:var(--sand-300);--border-strong:var(--sea-700);--border-on-dark:rgba(206,223,227,.28);--border-focus:var(--sea-500);
--action-primary:var(--sea-800);--action-primary-hover:var(--sea-700);--action-primary-press:var(--sea-900);--action-primary-text:var(--sand-50);
--action-secondary-border:var(--sea-800);--action-secondary-hover:var(--sea-100);
--accent-line:var(--brass-400);--accent-wash:var(--brass-100);
--focus-ring:rgba(62,124,140,.45);
/* Photographic washes — imagery is warm, low-contrast, luminous. */
--wash-horizon:linear-gradient(180deg,var(--sand-100) 0%,var(--sea-100) 100%);
--wash-deep:linear-gradient(180deg,var(--sea-800) 0%,var(--sea-900) 100%);
}