/* Design tokens — carried over from the live LVWave theme (Phase 1 audit, style.css) */
:root {
  --navy-950: #030a18;
  --navy-900: #0b1d3a;
  --navy-800: #0f2847;
  --navy-700: #153560;
  --turquoise-700: #007690;
  --turquoise-600: #0096b4;
  --turquoise-500: #00b4d8;
  --turquoise-400: #22d3ee;
  --turquoise-300: #48cae4;
  --turquoise-100: #caf0f8;
  --slate-50: #f8fbff;
  --slate-100: #f0f4fa;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-700: #334155;
  --white: #ffffff;

  --shadow-sm: 0 1px 2px rgba(3, 10, 24, 0.06);
  --shadow-md: 0 8px 24px rgba(3, 10, 24, 0.08);
  --shadow-lg: 0 24px 48px rgba(0, 180, 216, 0.12), 0 8px 16px rgba(0, 0, 0, 0.08);
  /* Card/panel shadows — measured from the live site rather than invented.
     Cards on light backgrounds get a soft shadow instead of a visible
     border; the dark hero panel gets a darker, deeper shadow to match. */
  --shadow-card: 0 18px 42px rgba(15, 23, 42, 0.05);
  --shadow-panel: 0 32px 80px rgba(0, 0, 0, 0.28);

  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --container-w: min(100% - 32px, 1180px);
  --radius-sm: 8px;
  --radius-md: 14px;
  /* Two-tier radius family matching the live site: small radius for
     buttons/controls (--radius-md, unchanged), larger radius for card-level
     and hero-level surfaces (measured live at 24px / 28px). */
  --radius-lg: 20px;
  --radius-card: 24px;
  --radius-panel: 28px;
}