/* ===================================================
   SmithBook — Design Tokens (shared visual identity)
   ----------------------------------------------------
   Single source of truth for colors, typography, radii
   and shadows. Loaded BEFORE every page-specific CSS
   (landing.css, style.css, inline checkout styles) so
   pages override only what they need on top.
   =================================================== */

:root {
  /* Backgrounds */
  --navy-deep:       #14172a;
  --bg:              #1e2238;
  --bg-card:         rgba(255,255,255,0.04);
  --bg-card-solid:   #2a304a;
  --bg-card-hover:   rgba(255,255,255,0.08);

  /* Borders */
  --border:          rgba(255,255,255,0.08);
  --border-solid:    #2f3548;

  /* Text */
  --text:            #fcfdfe;
  --text-muted:      #a8b0c4;

  /* Accent (gold) */
  --accent:          #e6c342;
  --accent-hover:    #f2e283;
  --accent-dark:     #bf9d24;
  --accent-soft:     rgba(230, 195, 66, 0.14);
  --cream:           #ece5af;

  /* Semantic + categorical */
  --success:         #13c62c;
  --danger:          #ff5252;
  --warning:         #f2e283;
  --energy:          #ff8c42;
  --social:          #ff6b9d;
  --league:          #a855f7;
  --premium:         #a855f7;
  --info:            #4a9eff;

  /* Shadows */
  --shadow:          0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-lg:       0 12px 32px rgba(0, 0, 0, 0.5);

  /* Radius */
  --radius:          12px;
  --radius-lg:       18px;
  --radius-xl:       24px;

  /* Typography */
  --font-primary:    'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display:    'Sora', 'Plus Jakarta Sans', sans-serif;

  /* Aliases — back-compat with style.css demo classes */
  --gold:            var(--accent);
  --display:         var(--font-display);
  --body:            var(--font-primary);
  --glass-bg:        var(--bg-card);
  --glass-border:    var(--border);
}