:root {
  --bg: #000000;
  --bg-soft: #050505;
  --surface: #0b0f1c;
  --surface-2: #102676;
  --text: #ffffff;
  --text-soft: #d4dbf5;
  --line: rgba(255,255,255,0.12);
  --primary: #102676;
  --primary-strong: #102676;
  --accent: #102676;
  --success: #2fd18b;
  --danger: #ff6b6b;
  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 24px 60px rgba(0,0,0,0.35);
  --container: 1180px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 20px;
  --space-5: 28px;
  --space-6: 36px;
  --space-7: 48px;
  --space-8: 64px;

  --desktop-header-height: 68px;
  --desktop-nav-gap: 18px;
  --desktop-hero-columns: 1.15fr 0.85fr;
  --desktop-section-spacing: 64px;
  --desktop-card-padding: 24px;

  --mobile-header-height: 58px;
  --mobile-nav-gap: 12px;
  --mobile-section-spacing: 40px;
  --mobile-card-padding: 18px;
}