/* =====================================================
   ContactX · Design System Variables
   ===================================================== */
:root {
  /* Colors - Modern Minimal (Linear / Vercel Style) */
  --bg:      oklch(99% 0.002 240);
  --surface: oklch(100% 0 0);
  --surface-2: oklch(97% 0.003 250);
  --fg:      oklch(18% 0.012 250);
  --muted:   oklch(54% 0.012 250);
  --border:  oklch(92% 0.005 250);
  --border-strong: oklch(86% 0.008 250);
  --accent:  oklch(58% 0.18 255);
  --accent-soft: oklch(96% 0.03 255);

  /* Typography */
  --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif;
  --font-body:    -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, monospace;

  /* Layout */
  --nav-height: 64px;
  --max-width: 1080px;
  --radius: 10px;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.18s ease;
  --transition-slow: 0.3s ease;
}