/* ==========================================================================
   IndBet — Design Tokens ("Royal Gold on Charcoal")
   ========================================================================== */

:root {
  /* Core palette */
  --color-bg:              #0B0B0C;   /* charcoal black base */
  --color-bg-elevated:     #141416;   /* slightly raised panels */
  --color-surface:         #1B1A17;   /* card surfaces, warm charcoal */
  --color-surface-2:       #221F1A;   /* hover/active surface */
  --color-border:          #2E2A22;   /* hairline borders, warm-toned */

  /* Royal gold accent system */
  --color-gold:            #D4AF37;   /* primary royal gold */
  --color-gold-bright:     #F4D35E;   /* highlight / hover gold */
  --color-gold-dim:        #9A7B22;   /* muted gold for secondary text */
  --color-gold-foil:       linear-gradient(135deg, #F4D35E 0%, #D4AF37 40%, #9A7B22 70%, #F4D35E 100%);

  /* Text */
  --color-text-primary:    #F5EFDD;   /* warm off-white */
  --color-text-secondary:  #BDB49E;   /* muted warm grey */
  --color-text-muted:      #6E6858;

  /* Status */
  --color-success:         #2ECC71;
  --color-error:           #E74C3C;

  /* Shadows & glow */
  --shadow-card:              0 4px 20px rgba(0,0,0,0.5);
  --shadow-gold-glow:         0 0 24px rgba(212,175,55,0.35);
  --shadow-gold-glow-strong:  0 0 48px rgba(212,175,55,0.55);

  /* Typography */
  --font-display: 'Cinzel', 'Playfair Display', serif;   /* royal, engraved feel for headings */
  --font-body:    'Inter', 'DM Sans', system-ui, sans-serif;

  /* Spacing scale (8pt) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Layout */
  --container-max: 1200px;
  --header-height: 72px;

  /* Motion */
  --transition-fast:   150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow:   500ms ease;

  /* Z-index scale */
  --z-header:     100;
  --z-cookie:     900;
}