/* ============================================================
   LavaWave — Design Tokens
   Single source of truth for color, type, spacing, motion.
   Carried forward from the original site, extended for the
   ultra-premium redesign.
   ============================================================ */

:root {
  /* ── Ocean ── */
  --ocean-abyss: #050a18;
  --ocean-deep: #0a1628;
  --ocean-mid: #0f2847;
  --ocean-surface: #1a4a7a;
  --ocean-light: #2a6aaa;
  --ocean-glow: #3d8fd4;

  /* ── Lava ── */
  --lava-hot: #ff4500;
  --lava-orange: #ff6b2c;
  --lava-amber: #ff9f43;
  --lava-glow: #ffcc02;
  --lava-white: #fff5e6;

  /* ── Text ── */
  --text-bright: #f0f4fa;
  --text-primary: #c8d6e8;
  --text-secondary: #7a90ab;
  --text-muted: #4a6080;

  /* ── Surfaces ── */
  --glass-bg: rgba(10, 22, 40, 0.6);
  --glass-border: rgba(255, 255, 255, 0.06);
  --hairline: rgba(255, 255, 255, 0.06);
  --hairline-soft: rgba(255, 255, 255, 0.04);

  /* ── Gradients ── */
  --grad-lava: linear-gradient(135deg, var(--lava-orange), var(--lava-amber));
  --grad-brand: linear-gradient(135deg, var(--ocean-light) 0%, var(--lava-orange) 45%, var(--lava-amber) 70%, var(--lava-glow) 100%);

  /* ── Type ── */
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-serif: 'Instrument Serif', Georgia, serif;

  /* ── Layout ── */
  --maxw: 1200px;
  --gutter: 3rem;
  --radius: 24px;
  --radius-sm: 12px;

  /* ── Motion ── */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.3s;
  --dur-mid: 0.6s;
  --dur-slow: 0.9s;

  /* ── Z-index scale ── */
  --z-backdrop: 0;
  --z-ambient: 1;
  --z-grain: 2;
  --z-cursor: 3;
  --z-content: 10;
  --z-nav: 100;
}

@media (max-width: 768px) {
  :root { --gutter: 1.5rem; }
}