/* ============ DESIGN TOKENS — BOLD (brutalist editorial) ============
   Płaskie bloki, ostre rogi, 1-2px rules, typografia = layout.
   ===================================================================== */

:root {
  /* ---------- Color ---------- */
  --pink: #FF1F8F;
  --pink-deep: #E91E63;
  --orange: #FF6B35;
  --yellow: #FFC93C;
  --navy: #1B1346;
  --navy-night: #0D0826;
  --cream: #FFF7E6;
  --ink: #0D0826;

  --cream-soft: rgba(255, 247, 230, .78);
  --cream-mute: rgba(255, 247, 230, .5);
  --ink-soft: rgba(13, 8, 38, .75);
  --ink-mute: rgba(13, 8, 38, .55);

  /* ---------- Gradienty etykiety (brand) ---------- */
  --grad-sunrise: radial-gradient(circle at 30% 70%, #FFC93C 0%, #FF6B35 35%, #FF1F8F 75%, #E91E63 100%);
  --grad-ribbon: linear-gradient(90deg, #FFC93C 0%, #FF6B35 50%, #FF1F8F 100%);
  --grad-hot: linear-gradient(135deg, #FF1F8F 0%, #E91E63 55%, #FF6B35 110%);
  --grad-aurora: linear-gradient(180deg, #05030F 0%, #0D0826 30%, #1B1346 62%, #6B1A4E 95%, #E91E63 130%);
  --grad-night: linear-gradient(180deg, #05030F 0%, #0D0826 55%, #1B1346 100%);
  --grad-deep: linear-gradient(165deg, #1B1346 0%, #15103A 55%, #4A1458 95%, #E91E63 140%);
  --grad-cream: linear-gradient(180deg, #FFF7E6 0%, #FFEED1 55%, #FFDFAE 100%);

  /* ---------- Rules ---------- */
  --rule: 1px solid;
  --rule-bold: 2px solid;

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

  --fs-mega: clamp(64px, 16.5vw, 290px);   /* linie hero */
  --fs-digit: clamp(120px, 30vw, 480px);   /* mega-liczby */
  --fs-display: clamp(40px, 7vw, 110px);
  --fs-row: clamp(28px, 5.4vw, 76px);      /* rzędy index */
  --fs-quote: clamp(28px, 5vw, 78px);
  --fs-lead: clamp(17px, 1.6vw, 21px);
  --fs-body: 16px;
  --fs-mono: 12px;

  /* ---------- Layout ---------- */
  --gutter: clamp(16px, 3.5vw, 56px);
  --block-pad: clamp(72px, 9vw, 140px);

  /* ---------- Motion ---------- */
  --ease-hard: cubic-bezier(.77, 0, .18, 1);
  --dur-snap: 140ms;

  /* ---------- Z (sandwich!) ---------- */
  --z-back: 1;
  --z-gl: 2;
  --z-front: 3;
  --z-nav: 100;
  --z-loader: 500;
}