/*
  Greybear's Rest — shared chassis tokens (site-build-spec.md Section 2.1).
  Loaded on every page, before components.css and any hub-<game>.css override.

  Theme: ported wholesale from worlds/d3/chronicles/puzzle-ring-problem.html
  (Cinzel/Source Sans 3 fonts, legendary/ancient/blood palette) — that page
  originated the look; this file is where it became the actual site theme.
*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ---------- Tokens ---------- */

:root {
  /* Chassis surfaces */
  --ink:           #0b0908;
  --panel:         rgba(22, 18, 16, 0.62);
  --panel-solid:   #161210;
  --panel-solid-2: #1d1815;
  --hairline-soft: #332a24;

  /* Text */
  --text:      #e9ded0;
  --text-dim:  #b6ab98;
  --text-mute: #9c8f7d;

  /* Puzzle-ring palette, promoted to shared theme tokens */
  --legendary:     #ff8f3c;
  --legendary-dim: #ff8f3c99;
  --ancient:       #f0c34d;
  --ancient-dim:   #f0c34d99;
  --blood:         #9a2323;
  --blood-bright:  #c73333;

  /* Site-wide signature accent (Home, Resources, un-hubbed nav) */
  --brass:     var(--ancient);
  --brass-dim: var(--ancient-dim);

  /* Fonts */
  --font-display: 'Cinzel', serif;
  --font-body:    'Source Sans 3', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 44px;
  --space-8: 64px;

  /* Corner radius */
  --radius-sm: 6px;
  --radius-lg: 8px;

  /*
    Per-hub accents (Section 2.2), referenced by Home's hub tiles since it needs
    all five simultaneously. Individual hub pages set --accent from their own
    hub-<game>.css instead of reading these directly. Unified onto the shared
    legendary-orange accent — worlds no longer carry their own distinct color.
  */
  --accent-d3:      var(--legendary);
  --accent-d3-dim:  var(--ancient); /* unused (see components.css's .badge--world comment) — kept for hub-d3.css's --accent-dim */
  --accent-d4:      var(--legendary);
  --accent-wow:     var(--legendary);
  --accent-tamriel: var(--legendary);
  --accent-dereth:  var(--legendary);
}