/* ============================================================
   NAVIGATOR — Naveen Kumar · AI-Powered Digital Marketer
   00 · Reset & design tokens (shared by all files)
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

:root {
  /* palette — light theme */
  --ink-950: #f3f6fc;
  --ink-900: #ffffff;
  --ink-800: #eef2fb;
  --ink-700: #e2e9f6;
  --ink-600: #c9d4ee;
  --blue-500: #3b82f6;
  --blue-400: #60a5fa;
  --blue-300: #3b82f6;
  --violet-600: #7c3aed;
  --violet-500: #8b5cf6;
  --violet-400: #7c3aed;
  --fuchsia: #d946ef;
  --white: #0d1526;
  --slate-100: #182135;
  --slate-200: #273349;
  --slate-300: #3b4a63;
  --slate-400: #64748b;
  --slate-500: #8a97ab;

  /* gradients */
  --grad: linear-gradient(120deg, var(--blue-400), var(--violet-500) 55%, var(--fuchsia));
  --grad-soft: linear-gradient(120deg, rgba(96,165,250,.22), rgba(139,92,246,.22));
  --grad-border: linear-gradient(160deg, rgba(96,165,250,.5), rgba(139,92,246,.5) 60%, rgba(217,70,239,.4));

  /* type */
  --font-display: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Code', monospace;

  /* layout */
  --container: 1200px;
  --pad: clamp(1.25rem, 4vw, 2.5rem);
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --nav-h: 76px;

  /* effects */
  --shadow-1: 0 24px 60px -18px rgba(15, 23, 42, .14);
  --shadow-2: 0 10px 40px -10px rgba(59, 130, 246, .22);
  --ease: cubic-bezier(.22, 1, .36, 1);
}