/* ============================================
   ALLORATECH — DESIGN TOKENS
   ============================================ */

:root {
  /* Colors */
  --bg-base:       #08080f;
  --bg-surface:    #0f0f1a;
  --bg-elevated:   #16162a;
  --border:        #1e1e35;
  --border-bright: #2e2e55;

  --text-primary:  #f0f0f8;
  --text-secondary:#c0c0d0;
  --text-muted:    #6b6b8a;

  --accent-blue:   #4f7cff;
  --accent-cyan:   #00d4ff;
  --accent-purple: #8b5cf6;
  --accent-green:  #00ff88;

  /* Gradients */
  --grad-primary:  linear-gradient(135deg, #4f7cff 0%, #8b5cf6 100%);
  --grad-cyan:     linear-gradient(135deg, #00d4ff 0%, #4f7cff 100%);
  --grad-glow-blue:   rgba(79, 124, 255, 0.15);
  --grad-glow-purple: rgba(139, 92, 246, 0.12);

  /* Typography */
  --font-heading:  'Sora', sans-serif;
  --font-body:     'Inter', sans-serif;
  --font-mono:     'Space Mono', 'Geist Mono', monospace;

  /* Spacing */
  --section-padding: 120px;
  --section-padding-sm: 72px;

  /* Radius */
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  28px;

  /* Shadows */
  --shadow-card:   0 1px 3px rgba(0,0,0,0.4), 0 8px 32px rgba(0,0,0,0.3);
  --shadow-glow:   0 0 40px rgba(79, 124, 255, 0.2);
  --shadow-glow-cyan: 0 0 40px rgba(0, 212, 255, 0.15);

  /* Transitions */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
  --transition:   0.3s var(--ease-out);
  --transition-slow: 0.6s var(--ease-out);
}