:root {
  /* Brand Core Colors (Extracted from live nice88.today) */
  --primary: #F9BB22;
  --primary-hover: #E5A50A;
  --primary-light: #F9D963;
  --accent: #00F8F8;
  --accent-hover: #00D6D6;
  --accent-pink: #FF2A6D;
  
  /* Background & Surface Tokens */
  --bg: #0C0618;
  --bg-alt: #120922;
  --header: #140924;
  --surface: #1C0E33;
  --surface-hover: #261445;
  --surface-card: #1E0F38;
  --border: #3D216D;
  --border-light: rgba(249, 187, 34, 0.25);
  
  /* Text Styling */
  --text: #FFFFFF;
  --text-muted: #B3A7CC;
  --text-dark: #63587A;
  
  /* Status Colors */
  --success: #22C55E;
  --warning: #F59E0B;
  --danger: #EF4444;
  
  /* Gradients & Glows */
  --gold-glow: 0 0 20px rgba(249, 187, 34, 0.35);
  --cyan-glow: 0 0 16px rgba(0, 248, 248, 0.35);
  --card-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  --gold-gradient: linear-gradient(135deg, #F9D963 0%, #F9BB22 50%, #E5A50A 100%);
  --cyan-gradient: linear-gradient(135deg, #38EFFF 0%, #00F8F8 50%, #00C2C2 100%);
  --surface-gradient: linear-gradient(180deg, #1C0E33 0%, #140924 100%);
  
  /* Zero-Render-Blocking System Font Stack */
  --font-system: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-family: var(--font-system);
  --font-heading: var(--font-system);
}