/* Liorvae Gold — tokens. W-083 direction A: dark only; data-theme="dark" stays on <html>. */
/* Light mode is planned later as W-088: add a [data-theme="light"] block with these same names. */
[data-theme="dark"], :root {
  --bg:#0f0f10; --bg2:#1c1c1e; --bg3:#1c1c1e;
  --ink:#f2efe7; --ink2:#cfc8b6; --ink3:#aaa393; --ink4:#9d968a; /* main, supporting, quiet, fine print (never darker) */
  --rule:rgba(255,255,255,.07); --rule2:rgba(232,207,138,.22);
  --gold:#e8cf8a; --gold2:#f3dd9a; /* gold text and links; bright gold */
  --field:rgba(0,0,0,.35); --control:#77715f; --btn:#e8cf8a; --btnink:#141210; --sel:#2b2417;
  --ground: radial-gradient(90% 70% at 85% 12%, #2b2417 0%, #111113 45%, #0b0b0c 100%);
  --metal: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.015));
  --metal-border: rgba(232,207,138,.18);
  --gold-fill: linear-gradient(100deg, #c9a24a, #f0d78e);
  --gold-metal: linear-gradient(100deg, #b8913a, #f3dd9a 45%, #c9a24a);
  --gold-rule: linear-gradient(90deg, rgba(232,207,138,.55), rgba(232,207,138,.22) 45%, transparent);
  --ok:#8fd3a2; --action:#e8b54a; --progress:#9cc3ff; --alert:#e39a8b;
}

/* type */
:root {
  --font-display: "Cormorant Garamond", "Palatino Linotype", Palatino, "Book Antiqua", Baskerville, Georgia, serif; /* headlines, weight 600 */
  --font-ui: "Manrope", "Instrument Sans", system-ui, sans-serif; /* body, UI, table labels */
  --font-mono: var(--font-ui); /* figures use the UI font with tabular numbers */
}

/* base */
body { margin:0; background-color:var(--bg); background-image:var(--ground); background-attachment:fixed; color:var(--ink); font-family:var(--font-ui); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; } a:hover { color:var(--gold); }
table { border-collapse:collapse; width:100%; } th { font-weight:500; text-align:left; }
input, button, select, textarea { font:inherit; color:inherit; background:transparent; }
:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
::selection { background:var(--sel); color:var(--ink); }
@keyframes tick { 0%{opacity:.35} 100%{opacity:1} }

/* figure treatments (utility classes — the only classes in the system) */
.fig { font-family:var(--font-mono); font-variant-numeric:tabular-nums; }
.fig-metal { font-family:var(--font-mono); font-variant-numeric:tabular-nums; background:var(--gold-metal); -webkit-background-clip:text; background-clip:text; color:transparent; } /* ≥ 28px only */
.rule-gold { height:1px; background:var(--gold-rule); }
.panel-metal { background:var(--bg2); background-image:var(--metal); border:1px solid var(--metal-border); border-radius:18px; }
.flag { font-family:var(--font-ui); font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ink3); border:1px solid var(--rule2); border-radius:999px; padding:2px 7px; } /* "illustrative" · "simulated" */