:root{
/* ── Base ramp: espresso → taupe → champagne → cream ─────────────── */
--espresso-900:#1B110C;
--espresso-800:#2F211A; /* brand background #1 (from brand guide) */
--espresso-700:#402E24;
--espresso-600:#54402F;
--taupe-600:#63563F;
--taupe-500:#7C6D5B; /* brand background #2 (from brand guide) */
--taupe-400:#9A8B77;
--champagne-300:#C4B49B;
--champagne-200:#DDD0BB;
--cream-100:#F4EEE5; /* brand ink on dark */
--porcelain-50:#FBF8F4;
--white:#FFFFFF;

/* ── Accent: soft gold. Used sparingly — hairlines, small caps, one CTA ── */
--gold-600:#A6803F;
--gold-500:#C09A62;
--gold-400:#D8B884;

/* ── Alpha veils (glass, hairlines, protection layers) ──────────────── */
--alpha-cream-04:rgba(244,238,229,.04);
--alpha-cream-08:rgba(244,238,229,.08);
--alpha-cream-16:rgba(244,238,229,.16);
--alpha-cream-32:rgba(244,238,229,.32);
--alpha-cream-64:rgba(244,238,229,.64);
--alpha-espresso-08:rgba(27,17,12,.08);
--alpha-espresso-16:rgba(27,17,12,.16);
--alpha-espresso-40:rgba(27,17,12,.40);
--alpha-espresso-72:rgba(27,17,12,.72);

/* ── Semantic: dark surfaces (the default brand mode) ────────────────── */
--surface-base:var(--espresso-800);
--surface-deep:var(--espresso-900);
--surface-raised:var(--espresso-700);
--surface-taupe:var(--taupe-500);
--surface-card:var(--alpha-cream-04);
--surface-glass:var(--alpha-espresso-40);
--surface-cream:var(--cream-100);
--surface-porcelain:var(--porcelain-50);

--text-primary:var(--cream-100);
--text-secondary:var(--champagne-200);
--text-muted:var(--champagne-300);
--text-faint:var(--alpha-cream-64);
--text-accent:var(--gold-400);
--text-on-cream:var(--espresso-800);
--text-on-cream-muted:var(--taupe-600);

--line-hairline:var(--alpha-cream-16);
--line-hairline-strong:var(--alpha-cream-32);
--line-on-cream:rgba(47,33,26,.14);
--line-gold:rgba(216,184,132,.45);

/* ── Brand backgrounds ──────────────────────────────────────────────── */
--image-satin:url("../assets/bg-gradient.png"); /* @kind other */
--gradient-satin:radial-gradient(120% 90% at 62% 34%,#8B7B63 0%,#5B4835 34%,#3A281E 66%,#231710 100%); /* @kind other */
--gradient-veil-top:linear-gradient(180deg,rgba(27,17,12,.72) 0%,rgba(27,17,12,0) 70%); /* @kind other */
--gradient-veil-bottom:linear-gradient(0deg,rgba(27,17,12,.78) 0%,rgba(27,17,12,0) 72%); /* @kind other */
--gradient-gold-rule:linear-gradient(90deg,rgba(216,184,132,0) 0%,rgba(216,184,132,.7) 50%,rgba(216,184,132,0) 100%); /* @kind other */
}

/* ── Semantic: light (cream) sections ───────────────────────────────── */
[data-theme="cream"]{
--surface-base:var(--cream-100);
--surface-deep:var(--porcelain-50);
--surface-raised:var(--white);
--surface-card:var(--white);
--text-primary:var(--espresso-800);
--text-secondary:var(--taupe-600);
--text-muted:var(--taupe-500);
--text-faint:rgba(47,33,26,.55);
--text-accent:var(--gold-600);
--line-hairline:var(--line-on-cream);
--line-hairline-strong:rgba(47,33,26,.24);
}