/* ============================================================
   SOLERA DISPATCHES — BRAND TOKEN SYSTEM
   Sovereign Futurism · Architectural Blueprint
   Playfair Display · Source Sans 3 · JetBrains Mono
   ============================================================ */

:root {
  /* --- Dark (Void) — default --- */
  --void: #0A0A0F;
  --deep: #14141F;
  --panel: #1A1A26;
  --surface: #22222E;
  --border: #2A2A38;
  --hairline: rgba(232, 232, 237, 0.08);

  --muted: #5A5A72;
  --body: #A0A0B8;
  --silver: #E8E8ED;
  --white: #FAFAFC;

  /* Accents */
  --purple: #8B5CF6;
  --purple-deep: #6D3FD4;
  --purple-glow: rgba(139, 92, 246, 0.18);

  /* Sovereign Gold — poured bullion palette */
  --gold-hi:    #f4d568;
  --gold:       #f0c54a;
  --gold-warm:  #c48c20;
  --gold-mid:   #c9951e;
  --gold-deep:  #8a5f14;
  --gold-abyss: #6b4610;
  --gold-foil: linear-gradient(
    135deg,
    var(--gold-deep) 0%,
    var(--gold-warm) 18%,
    var(--gold) 42%,
    var(--gold-hi) 58%,
    var(--gold-mid) 78%,
    var(--gold-abyss) 100%
  );

  /* Typography */
  --font-display: 'Playfair Display', 'Times New Roman', serif;
  --font-body: 'Source Sans 3', 'Open Sans', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Scale */
  --fs-caption: 11px;
  --fs-small: 13px;
  --fs-body: 17px;
  --fs-lead: 20px;
  --fs-title: 32px;
  --fs-headline: 48px;
  --fs-display: clamp(56px, 8vw, 128px);

  /* Spacing — 8pt grid */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 0.3s var(--ease);
}

/* ============================================================
   LIGHT (Paper / Vellum) — antique gold-leaf on cream
   ============================================================ */
[data-theme="light"] {
  --void: #F1ECDD;
  --deep: #E6DEC8;
  --panel: #F8F4E8;
  --surface: #EDE8D8;
  --border: #C9BE9F;
  --hairline: rgba(40, 28, 8, 0.18);

  --muted: #6E6447;
  --body: #2A2218;
  --silver: #14110A;
  --white: #0A0807;

  --purple: #4E2AA8;
  --purple-deep: #38157E;
  --purple-glow: rgba(78, 42, 168, 0.14);

  --gold-hi:    #b8801c;
  --gold:       #8a5910;
  --gold-warm:  #6b4310;
  --gold-mid:   #7a4d10;
  --gold-deep:  #4a2e08;
  --gold-abyss: #2e1c04;
  --gold-foil: linear-gradient(
    135deg,
    var(--gold-deep) 0%,
    var(--gold-warm) 18%,
    var(--gold) 42%,
    var(--gold-hi) 58%,
    var(--gold-mid) 78%,
    var(--gold-abyss) 100%
  );
}

/* ============================================================
   KEYFRAMES
   ============================================================ */
@keyframes gold-shift {
  0%, 100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}
@keyframes solera-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.55); opacity: 1; }
  70%  { box-shadow: 0 0 0 7px rgba(255, 59, 48, 0);  opacity: 0.85; }
  100% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0);   opacity: 1; }
}
@keyframes vr-eq {
  0%  { height: 3px; }
  100% { height: 14px; }
}