/* ===== ICO2026 Design System - CSS Variables ===== */

:root {
  /* Font Stacks */
  --font-display: 'Orbitron', -apple-system, 'SF Pro Display', sans-serif;
  --font-body: 'Inter', -apple-system, 'SF Pro Text', sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', monospace;

  /* Primary Colors - Cyber Blue */
  --ico-primary: #5D78FF;
  --ico-primary-light: #7B93FF;
  --ico-primary-dark: #4158D0;
  --ico-primary-glow: rgba(93, 120, 255, 0.5);
  --ico-accent: #00D9FF;

  /* Background Colors - Dark Theme */
  --ico-bg-darkest: #050810;
  --ico-bg-dark: #0a0f1a;
  --ico-bg-medium: #0f1525;
  --ico-bg-light: #151d30;
  --ico-bg-panel: rgba(10, 15, 26, 0.95);

  /* Text Colors */
  --ico-text-primary: #ffffff;
  --ico-text-secondary: rgba(200, 220, 255, 0.7);
  --ico-text-muted: rgba(150, 180, 220, 0.5);

  /* Accent Colors */
  --ico-gold: #FFD700;
  --ico-success: #00FF88;
  --ico-warning: #FFAA00;
  --ico-error: #FF6B6B;
  --ico-bronze: #CD7F32;

  /* MQ Red (Red Team) */
  --mq-red: #A6192E;
  --mq-red-light: #D4263C;
  --mq-red-dark: #8B1425;
  --mq-red-glow: rgba(166, 25, 46, 0.5);

  /* Border Colors */
  --ico-border: #5D78FF;
  --ico-border-subtle: rgba(93, 120, 255, 0.3);

  /* Gradients */
  --ico-gradient-primary: linear-gradient(135deg, #5D78FF 0%, #00D9FF 100%);
  --ico-gradient-bg: linear-gradient(180deg, #0a0f1a 0%, #050810 100%);

  /* Shadows */
  --ico-shadow: 0 4px 20px rgba(93, 120, 255, 0.15);
  --ico-shadow-lg: 0 8px 40px rgba(93, 120, 255, 0.2);

  /* Spacing */
  --section-padding: 100px 0;
  --container-width: 1200px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;

  /* Category Accent Colors (Sponsors Page) */
  --ico-cat-security: #1B2A4A;
  --ico-cat-ctf: #2A2A2A;
  --ico-cat-ai: #6B3FA0;
  --ico-cat-academic: #0D7377;
}