/* ============ DESIGN TOKENS — LIQUID LAB ============
   Brand: Good Morning Shot · Life Power
   Sunrise palette: pink → orange → yellow on navy night
   ===================================================== */

:root {
  /* ---------- Color ---------- */
  --pink: #FF1F8F;
  --pink-deep: #E91E63;
  --orange: #FF6B35;
  --orange-deep: #FF4D1A;
  --orange-warm: #FFB347;
  --yellow: #FFC93C;
  --yellow-light: #FFD96B;

  --navy: #1B1346;
  --navy-deep: #15103A;
  --navy-night: #0D0826;

  --cream: #FFF7E6;
  --cream-warm: #FFEED1;
  --white: #FFFFFF;
  --ink: #1B1346;
  --ink-soft: rgba(27, 19, 70, .72);
  --ink-mute: rgba(27, 19, 70, .55);
  --cream-soft: rgba(255, 247, 230, .78);
  --cream-mute: rgba(255, 247, 230, .5);

  /* ---------- Gradients ---------- */
  --grad-sunrise: radial-gradient(circle at 30% 70%, #FFC93C 0%, #FF6B35 35%, #FF1F8F 75%, #E91E63 100%);
  --grad-hero: linear-gradient(115deg, #FFB347 0%, #FF6B35 35%, #FF1F8F 70%, #E91E63 100%);
  --grad-ribbon: linear-gradient(90deg, #FFC93C 0%, #FF6B35 50%, #FF1F8F 100%);

  /* ---------- Typography ---------- */
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --fs-hero: clamp(52px, 8.2vw, 132px);
  --fs-display: clamp(36px, 5.2vw, 84px);
  --fs-h2: clamp(32px, 4.4vw, 64px);
  --fs-h3: clamp(22px, 2.5vw, 32px);
  --fs-lead: clamp(17px, 1.6vw, 21px);
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-mono: 12px;

  /* ---------- Layout ---------- */
  --gutter: clamp(20px, 4.5vw, 72px);
  --section-pad: clamp(80px, 10vw, 160px);

  /* ---------- Motion ---------- */
  --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
  --ease-bounce: cubic-bezier(.34, 1.56, .64, 1);
  --dur-base: 280ms;
  --dur-slow: 520ms;

  /* ---------- Z ---------- */
  --z-gl: 0;
  --z-content: 2;
  --z-nav: 100;
  --z-loader: 500;

  /* ---------- Decorative ---------- */
  --noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .25 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}