:root{
/* ---- Base celestial ---- */
--midnight:#0e1a2e;
--navy:#152744;
--deep-space:#0a1120;
--celestial-blue:#22406b;
/* ---- Base warm neutral ---- */
--ivory:#faf6ee;
--parchment:#f2e9d8;
--sand:#e8dcc2;
--cream:#f7f1e3;
--warm-white:#fffdf8;
/* ---- Base gold / accent ---- */
--gold:#b48a3f;
--gold-soft:#cba766;
--gold-deep:#8f6d2c;
--copper:#a5613f;
--burgundy:#5c2430;
/* ---- Text ---- */
--ink:#12182a;
--charcoal:#2a2f3c;
--slate:#5b6273;
--muted:#8b8f9c;
--inverse:#f7f2e6;
/* ---- Surface ---- */
--canvas:var(--ivory);
--surface:var(--warm-white);
--surface-elevated:#ffffff;
--surface-dark:var(--midnight);
--surface-warm:var(--parchment);
/* ---- Border ---- */
--hairline:#e4dbc8;
--border:#d8cba9;
--border-strong:#b9a877;
--border-dark:rgba(250,246,238,0.14);
/* ---- Semantic ---- */
--success:#3f6b4e;
--warning:#a5713a;
--error:#8c3b34;
--info:#3c5a78;
/* ---- Brand semantic aliases ---- */
--primary:var(--gold);
--primary-hover:var(--gold-deep);
--primary-pressed:#7a5c24;
--secondary:var(--midnight);
--accent:var(--burgundy);
/* ---- Component semantic aliases ---- */
--text-primary:var(--ink);
--text-secondary:var(--slate);
--text-muted:var(--muted);
--text-inverse:var(--inverse);
--text-on-primary:var(--midnight);
--surface-card:var(--surface-elevated);
--surface-page:var(--canvas);
--focus-ring:#7a9cc6;
}