/* ============================================================
   IndBet — tokens.css
   Design tokens only. Imported first, everywhere.
   ============================================================ */
:root {
  /* Core palette */
  --color-bg:              #0B0B0C;
  --color-bg-elevated:     #141416;
  --color-surface:         #1B1A17;
  --color-surface-2:       #221F1A;
  --color-border:          #2E2A22;

  /* Royal gold accent system */
  --color-gold:            #D4AF37;
  --color-gold-bright:     #F4D35E;
  --color-gold-dim:        #9A7B22;
  --color-gold-foil:       linear-gradient(135deg, #F4D35E 0%, #D4AF37 40%, #9A7B22 70%, #F4D35E 100%);

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

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

  /* Telegram brand */
  --color-telegram:        #229ED9;

  /* 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;
  --font-body:    'Inter', 'DM Sans', sans-serif;

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

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

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

  /* Layout */
  --maxw: 1200px;
  --header-h: 72px;
}