/* ============================================================
   NAVIGATOR — Naveen Kumar · AI-Powered Digital Marketer
   00 · Reset & design tokens (shared by all files)
   Deep Navy Executive palette · v2.0
   ============================================================ */

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

:root {
  /* palette — deep navy executive */
  --bg-950: #05080f;
  --bg-900: #0a111f;
  --bg-800: #0e1626;
  --bg-700: #131e33;

  --ink-950: #05080f;   /* page background (deepest navy) */
  --ink-900: #0a111f;   /* raised surface */
  --ink-800: #0e1626;   /* elevated surface */
  --ink-700: #131e33;   /* hover surface */
  --ink-600: #1b2945;   /* strong line */

  /* text ramp (cool white -> slate) */
  --white: #eef4ff;
  --slate-100: #d7e1f4;
  --slate-200: #b6c4e0;
  --slate-300: #94a7c9;
  --slate-400: #7186ab;
  --slate-500: #55688c;

  /* brand accents — royal blue -> cyan */
  --royal-700: #1e4bd8;
  --royal-600: #2456e6;
  --royal-500: #2f66ff;
  --royal-400: #3b82f6;
  --royal-300: #60a5fa;
  --cyan-600: #0891b2;
  --cyan-500: #06b6d4;
  --cyan-400: #22d3ee;
  --cyan-300: #67e8f9;

  /* semantic + legacy aliases (kept for compatibility) */
  --blue-500: #2f66ff;
  --blue-400: #3b82f6;
  --blue-300: #60a5fa;
  --violet-600: #2456e6;
  --violet-500: #3b82f6;
  --violet-400: #22d3ee;
  --fuchsia: #0ea5e9;
  --green: #34d399;
  --amber: #f59e0b;
  --rose: #fb7185;

  /* gradients */
  --grad: linear-gradient(120deg, #2f66ff, #3b82f6 52%, #22d3ee);
  --grad-soft: linear-gradient(120deg, rgba(59, 130, 246, .16), rgba(34, 211, 238, .14));
  --grad-border: linear-gradient(160deg, rgba(96, 165, 250, .65), rgba(47, 102, 255, .5) 55%, rgba(34, 211, 238, .55));

  /* surfaces */
  --card: rgba(14, 22, 38, .72);
  --card-solid: #0d1526;
  --line: rgba(148, 180, 235, .12);
  --line-strong: rgba(148, 180, 235, .22);
  --glass: rgba(8, 13, 24, .55);
  --glass-light: rgba(255, 255, 255, .045);

  /* 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(2, 6, 16, .65);
  --shadow-2: 0 10px 40px -10px rgba(47, 102, 255, .35);
  --shadow-cyan: 0 12px 44px -12px rgba(34, 211, 238, .35);
  --ease: cubic-bezier(.22, 1, .36, 1);
}