/* ============ DESIGN TOKENS — VLEPKA (sticker zine) ============
   Zeszyt imprezowicza: kratka, gradient bloby, vlepki die-cut,
   marker-highlighty, dopiski Caveat. Najgłośniejsza wersja.
   =============================================================== */

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

  --ink-soft: rgba(27, 19, 70, .78);
  --ink-mute: rgba(27, 19, 70, .55);
  --ink-faint: rgba(27, 19, 70, .16);
  --cream-soft: rgba(255, 247, 230, .8);
  --cream-mute: rgba(255, 247, 230, .55);

  /* Kratka zeszytu */
  --kratka-line: rgba(27, 19, 70, .09);
  --kratka-size: 28px;

  /* Bloby z etykiety */
  --blob-sunrise: radial-gradient(circle at 35% 65%, #FFC93C 0%, #FF6B35 38%, #FF1F8F 78%, transparent 100%);
  --blob-pink: radial-gradient(circle at 60% 40%, #FF1F8F 0%, #E91E63 50%, transparent 75%);

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

  --fs-title: clamp(44px, 7vw, 110px);
  --fs-display: clamp(32px, 4.6vw, 68px);
  --fs-lead: clamp(17px, 1.6vw, 20px);
  --fs-body: 16px;
  --fs-mono: 12px;
  --fs-hand: clamp(22px, 2.2vw, 32px);

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

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

  /* ---------- Motion ---------- */
  --ease-out: cubic-bezier(.22, .9, .3, 1);
  --ease-hard: cubic-bezier(.77, 0, .18, 1);
  --dur-snap: 150ms;

  /* ---------- Z ---------- */
  --z-hud: 1900;
  --z-nav: 2000;   /* Draggable zIndexBoost startuje ~1000 — nav MUSI być wyżej */
  --z-loader: 5000;
}