/* Prostagma? design-system token layer.

   The design system exported from the design tool names its tokens
   `--navy-*`, `--gold-*`, `--parchment-*`, `--surface-*`, `--text-*` etc.
   The live site has named the same palette `--site-*` in site_theme.css
   since long before that export existed.

   This file is an ALIAS layer, not a second palette. Every DS token that
   has a `--site-*` equivalent points at it, so adopting `.ps-*` markup on a
   page changes that page's structure without changing the site's colours.
   Where the DS export drifted from production (its `--navy-950` is #0a1120,
   production's page background is #050812) production wins.

   Tokens with no `--site-*` equivalent are declared literally here and are
   the only place new values enter the system. If one of them earns a place
   in the site-wide palette, promote it into site_theme.css as `--site-*`
   and alias it back here.

   Load order: site_theme.css MUST come first — these aliases dereference
   its custom properties. */

:root {
  /* ---- navy foundation ---- */
  --navy-950: var(--site-bg);
  --navy-900: var(--site-bg);
  --navy-850: #142136;               /* DS-only: raised inset fills */
  --navy-800: #182740;               /* DS-only: band gradients */
  --navy-panel: var(--site-bg-panel);
  --navy-panel-strong: var(--site-bg-raised);

  /* ---- bronze / gold trim ---- */
  --gold-100: var(--site-gold-strong);
  --gold-200: #ffe0a3;               /* DS-only */
  --gold-300: var(--site-gold);
  --gold-400: #d7b268;               /* DS-only */
  --gold-500: #e9bd5d;               /* DS-only */
  --gold-600: #b67a2c;               /* DS-only: matches site-status-pill base */
  --gold-700: #7c4815;               /* DS-only */

  /* ---- accent blue ---- */
  --blue-200: var(--site-blue);
  --blue-300: #78a9ff;               /* DS-only */
  --blue-agora-deep: #16273a;        /* DS-only */

  /* ---- parchment text ---- */
  --parchment-100: var(--site-text);
  --parchment-muted: var(--site-text-muted);
  --parchment-soft: var(--site-text-soft);

  /* ---- borders ---- */
  --border-hairline: var(--site-border);
  --border-strong: var(--site-border-strong);
  --border-blue-hairline: rgba(157, 188, 214, 0.34);  /* DS-only */

  /* ---- semantic aliases ---- */
  --surface-page: var(--site-bg);
  --surface-panel: var(--site-bg-panel);
  --surface-panel-strong: var(--site-bg-raised);

  --text-primary: var(--site-text);
  --text-muted: var(--site-text-muted);
  --text-soft: var(--site-text-soft);
  --text-gold: var(--site-gold);
  --text-gold-strong: var(--site-gold-strong);
  --text-blue: var(--site-blue);

  --accent-primary: var(--site-gold);
  --accent-primary-strong: var(--site-gold-strong);
  --accent-secondary: var(--blue-300);

  --border-default: var(--site-border);
  --border-hover: var(--site-border-strong);

  /* ---- status ---- */
  --status-win: #7cd38f;
  --status-loss: #ef937d;

  /* ---- type ----
     Single switch point for the title face. The DS export nominates
     "Baskervville SC"; it is now self-hosted as a variable woff2 alongside
     Cinzel / Baskervville / Ragnar SC (static/fonts/), so --site-font-title
     resolves to it with Cinzel as the fallback -- still no CDN. Its weight
     axis stops at 700; see site_theme.css for the two rules pinned to that
     ceiling. */
  --font-title: var(--site-font-title);
  --font-body: var(--site-font-body);
  --font-smallcaps: var(--site-font-title);
  --font-rune: "Ragnar SC", Cinzel, Georgia, serif;

  --tracking-tight: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.08em;
  --tracking-widest: 0.18em;

  --leading-tight: 0.86;
  --leading-snug: 1.15;
  --leading-normal: 1.45;
  --leading-relaxed: 1.55;

  --text-display-xl: clamp(4.4rem, 8vw, 7.8rem);
  --text-display-lg: clamp(2.5rem, 7vw, 5.2rem);
  --text-display-md: clamp(1.55rem, 3vw, 2.35rem);
  --text-display-sm: clamp(1.45rem, 2.7vw, 2.25rem);
  --text-title: clamp(1.06rem, 1.5vw, 1.32rem);
  --text-body-lg: clamp(1.22rem, 1.85vw, 1.75rem);
  --text-body-md: 1rem;
  --text-body-sm: 0.94rem;
  --text-eyebrow: 0.78rem;
  --text-micro: 0.68rem;

  /* ---- spacing ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --gap-card-grid: clamp(0.95rem, 1.7vw, 1.25rem);
  --gap-section: clamp(2.4rem, 5vw, 4.4rem);

  /* ---- radius / shadow / motion ---- */
  --radius-sm: var(--site-radius-sm);
  --radius-md: var(--site-radius-md);
  --radius-lg: var(--site-radius-lg);
  --radius-xl: 20px;                 /* DS-only */
  --radius-pill: var(--site-radius-pill);

  --shadow-soft: var(--site-shadow-soft);
  --shadow-menu: var(--site-shadow-menu);
  --shadow-card-hover: 0 22px 54px rgba(0, 0, 0, 0.34);
  --shadow-inset-hairline: inset 0 0 0 1px rgba(255, 236, 176, 0.04);

  --glow-gold-soft: 0 0 24px rgba(225, 173, 76, 0.18);
  --glow-gold-strong: 0 0 18px rgba(236, 184, 78, 0.18);

  --ease-standard: 170ms ease;
  --ease-slow: 280ms ease;
  --ease-dramatic: 520ms cubic-bezier(0.2, 0.75, 0.2, 1);

  /* ---- layout ---- */
  --content-width: var(--site-content-width);
  --shell-width: var(--site-shell-width);
  --page-gutter: var(--site-page-gutter);
}