:root {
  /* Brand Tokens */
  --primary: #00A3E0;
  --primary-hover: #008ec4;
  --primary-glow: rgba(0, 163, 224, 0.25);
  
  --accent: #B2D235;
  --accent-hover: #9ebd2b;
  --accent-glow: rgba(178, 210, 53, 0.2);

  /* Surface & Base Shades */
  --bg-dark: #020617;
  --surface-dark: #0F172A;
  --surface-card: #131E36;
  --surface-hover: #1E293B;

  /* Borders & Dividers */
  --border-color: #1E293B;
  --border-focus: #00A3E0;
  --border-subtle: rgba(255, 255, 255, 0.08);

  /* Text & Feedback */
  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
  --text-dim: #64748B;
  --danger: #EF4444;
  --success: #10B981;

  /* Typography Stacks */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Geometry & Layout */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --container-max: 1280px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}