:root {

  




  --ground: #000;
  --surface: #0e0e0d;
  --surface-raised: #141412;
  --surface-sunken: #191917;

  





  --on-surface-bright: #f2eee5;
  --on-surface: #ece7dc;
  --on-surface-soft: #c8c2b5;
  --on-surface-muted: #a39d8f;
  --on-surface-faint: #6f6a5e;

  

















  --accent-rgb: 201 162 74;
  --accent: #c9a24a;
  --accent-bright: #dcb863;
  --accent-bright-rgb: 220 184 99;
  --accent-mid: #ad8334;
  --accent-mid-rgb: 173 131 52;
  --accent-dim: #9e8042;

  


  --on-accent: #201507;
  --on-accent-deep: #1a1206;

  










  --accent-wash:        rgb(var(--accent-rgb) / .08);
  --accent-tint:        rgb(var(--accent-rgb) / .10);
  --accent-tint-mid:    rgb(var(--accent-rgb) / .14);
  --accent-tint-strong: rgb(var(--accent-rgb) / .18);
  --accent-hairline:    rgb(var(--accent-rgb) / .20);
  --accent-edge:        rgb(var(--accent-rgb) / .32);
  --accent-edge-strong: rgb(var(--accent-rgb) / .55);

  




  --line: #262522;
  --line-soft: #21201d;
  --line-strong: #302b21;
  --line-accent: var(--accent-edge);

  



  --ok: #7fae8c;
  --ok-soft: rgb(127 174 140 / .16);
  --danger: #c0604e;
  --danger-soft: rgb(192 96 78 / .16);
  --info: #7aa7d9;

  




  --font-body: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Cinzel", Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", monospace;

  




  --text-xs: 12px;
  --text-label: 12.5px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-body: 17px;
  --text-read: 19px;
  --text-lead: 20.5px;
  --text-display: 28px;

  --leading-tight: 1.2;
  --leading-body: 1.45;
  --leading-read: 1.6;

  


  --tracking-wide: .08em;
  --tracking-label: .12em;
  --tracking-eyebrow: .18em;

  





  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  




  --radius-control: 9px;
  --radius-field: 12px;
  --radius-container: 14px;
  --radius-card: 22px;
  --radius-pill: 999px;

  





  --elevation-flat: none;
  --elevation-card: 0 20px 55px -35px #000;
  --elevation-panel: 0 18px 44px rgb(0 0 0 / .35);
  --glow-accent: 0 0 12px rgb(var(--accent-rgb) / .15);
  --glow-accent-line: 0 0 3px rgb(var(--accent-rgb) / .22);

  





  --shell-wide: 1440px;
  --shell: 1240px;
  --shell-narrow: 1180px;
  --measure: 760px;
  --measure-display: 62ch;

  




  --focus-ring-width: 3px;
  --focus-ring-color: var(--accent);
  --focus-ring: 0 0 0 var(--focus-ring-width) rgb(var(--accent-rgb) / .16);
}