:root{
/* ---- base palette (locked in mise/DESIGN.md) ---- */
--cream:#F6F1EA;
--paper:#FFFDF8;
--coral:#E23B3B;
--ink:#2B1A14;
--muted:#8A7A70;

/* ---- coral ramp ---- */
--coral-50:#FDECEC;
--coral-100:#F9D2D2;
--coral-300:#EE8686;
--coral-500:#E23B3B;
--coral-600:#C82F2F;
--coral-700:#A62525;

/* ---- warm neutral ramp (cream → ink) ---- */
--warm-50:#FFFDF8;
--warm-100:#F6F1EA;
--warm-200:#EEE7DC;
--warm-300:#DDD6C8;
--warm-400:#C4B8A9;
--warm-500:#A2948A;
--warm-600:#8A7A70;
--warm-700:#5E4B42;
--warm-800:#3F2B23;
--warm-900:#2B1A14;

/* ---- semantic accents ---- */
--basil:#4C7A4E;
--basil-50:#EDF3ED;
--amber:#B45309;
--amber-50:#FBF3E6;
--danger:#C0392B;
--danger-50:#FBEDEB;

/* ---- alpha inks (borders, washes, scrims) ---- */
--ink-a4:rgba(43,26,20,.04);
--ink-a8:rgba(43,26,20,.08);
--ink-a12:rgba(43,26,20,.12);
--ink-a24:rgba(43,26,20,.24);
--ink-a60:rgba(43,26,20,.60);
--coral-a12:rgba(226,59,59,.12);
--coral-a40:rgba(226,59,59,.40);

/* ---- semantic aliases ---- */
--bg-app:var(--cream);
--bg-app-alt:var(--warm-200);
--surface-card:var(--paper);
--surface-sunken:var(--warm-200);
--surface-inverse:var(--warm-900);
--surface-accent:var(--coral-500);
--surface-accent-soft:var(--coral-50);

--text-title:var(--ink);
--text-body:var(--warm-800);
--text-muted:var(--muted);
--text-faint:var(--warm-500);
--text-on-accent:var(--paper);
--text-on-inverse:var(--cream);
--text-accent:var(--coral-600);
--text-link:var(--coral-600);
--text-link-hover:var(--coral-700);

--border-hairline:var(--ink-a8);
--border-strong:var(--ink-a12);
--border-field:var(--warm-300);
--border-accent:var(--coral-a40);

--action-primary:var(--coral-500);
--action-primary-hover:var(--coral-600);
--action-primary-press:var(--coral-700);
--action-ghost-hover:var(--ink-a4);
--focus-ring:var(--coral-a40);

--status-ok:var(--basil);
--status-warn:var(--amber);
--status-error:var(--danger);

--scrim:var(--ink-a60);
}