:root{
/* Base palette — the ONLY five colors. No intermediate hues may be invented. */
--ey-black:#2B2B2B;
--ey-paper:#F4F1E8;
--ey-gold:#C8AE44;
--ey-teal:#315B63;
--ey-sage:#8A9A84;
/* Translucency of palette colors is the only permitted derivation (borders, dividers, muted text, scrims). */
--ey-paper-70:rgba(244,241,232,.70);
--ey-paper-55:rgba(244,241,232,.55);
--ey-paper-14:rgba(244,241,232,.14);
--ey-paper-08:rgba(244,241,232,.08);
--ey-black-80:rgba(43,43,43,.80);
--ey-gold-35:rgba(200,174,68,.35);
/* Semantic aliases (dark is the default ground) */
--surface-page:var(--ey-black);
--surface-card:var(--ey-black);
--surface-inverse:var(--ey-paper);
--text-heading:var(--ey-paper);
--text-body:var(--ey-paper-70);
--text-muted:var(--ey-paper-55);
--text-on-accent:var(--ey-black);
--accent:var(--ey-gold);            /* CTA, active state, crack glint only. Never >5% of area, never wide fills, never body text. */
--secondary:var(--ey-teal);
--quiet:var(--ey-sage);
--border-1:var(--ey-paper-14);
--border-2:var(--ey-paper-08);
--focus-ring:var(--ey-gold-35);
--scrim:var(--ey-black-80);
}
[data-theme="light"]{
--surface-page:var(--ey-paper);
--surface-card:var(--ey-paper);
--surface-inverse:var(--ey-black);
--text-heading:var(--ey-black);
--text-body:rgba(43,43,43,.78);
--text-muted:rgba(43,43,43,.56);
--border-1:rgba(43,43,43,.18);
--border-2:rgba(43,43,43,.10);
}