/* ============================================================
   p77game.net — Design Tokens
   Dark arcade-noir · neon gold
   ============================================================ */
:root {
  /* Brand Palette */
  --color-bg-primary:      #0a0a0f;   /* near-black base */
  --color-bg-secondary:    #12121a;   /* card/section bg */
  --color-bg-tertiary:     #1a1a28;   /* hover states */
  --color-accent-gold:     #f5c518;   /* primary neon gold */
  --color-accent-gold-dim: #c9a20e;   /* hover/muted gold */
  --color-accent-red:      #e63946;   /* alert/badge red */
  --color-accent-green:    #2ecc71;   /* online/win green */
  --color-accent-blue:     #0099dd;   /* telegram / info */
  --color-text-primary:    #f0f0f0;   /* main body text */
  --color-text-secondary:  #a0a0b8;   /* muted/supporting text */
  --color-text-muted:      #7a7a92;   /* placeholder, disabled (AA-safe) */
  --color-border:          #2a2a3a;   /* card borders */
  --color-warning-bg:      rgba(230,57,70,0.10);
  --color-warning-border:  rgba(245,197,24,0.45);
  --color-gradient-hero:   linear-gradient(135deg, #0a0a0f 0%, #1a0a2e 60%, #0a0f2e 100%);
  --color-gradient-gold:   linear-gradient(135deg, #f5c518 0%, #c9a20e 100%);

  /* Typography */
  --font-display: 'Rajdhani', 'Barlow Condensed', sans-serif;
  --font-body:    'Inter', 'DM Sans', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Type Scale */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --text-4xl:  2.75rem;
  --text-5xl:  3.75rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Border Radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(0,0,0,0.5);
  --shadow-gold: 0 0 20px rgba(245,197,24,0.25);
  --shadow-glow: 0 0 40px rgba(245,197,24,0.12);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* Layout */
  --header-height: 68px;
  --container-max: 1240px;
}