:root {
  /* SuperAce88 Live Extracted Theme Tokens (style17-black-fc) */
  --primary: #FFB800;
  --primary-hover: #E5A600;
  --primary-gradient: linear-gradient(90deg, #FBF1B8 0%, #DA9F31 100%);
  --primary-gold: #FFE666;
  
  --accent: #00A0F9;
  --accent-hover: #008CE0;
  --accent-orange: #F86400;
  --accent-orange-hover: #E25800;
  
  --bg: #0B0E14;
  --bg-secondary: #121824;
  --header-bg: #0D111A;
  --header-border: rgba(255, 184, 0, 0.2);
  
  --surface: #161D2A;
  --surface-hover: #1F293D;
  --surface-active: #27354D;
  --surface-card: #151B26;
  
  --border: rgba(255, 184, 0, 0.25);
  --border-subtle: rgba(255, 255, 255, 0.08);
  
  --text: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-accent: #FFD700;
  
  --success: #05C107;
  --warning: #F86400;
  --error: #FF4F4F;
  
  /* Zero-Render-Blocking System Font Stack */
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

body {
  font-family: var(--font-sans);
  background-color: var(--bg);
  color: var(--text);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}