/* ==========================================================================
   iDARIS — Design Tokens
   Paleta: przemysłowa czerń + głęboka czerwień, inspirowana premium markami
   moto (Ducati / BMW Motorrad / Dainese / Alpinestars).
   ========================================================================== */

:root {
  /* --- Kolory bazowe --- */
  --c-black: #0a0a0b;
  --c-charcoal: #17171a;
  --c-graphite: #232327;
  --c-graphite-2: #2e2e33;
  --c-grey-mid: #6c6c72;
  --c-grey-soft: #a6a6ab;
  --c-white: #f5f4f1;
  --c-white-dim: #d8d7d3;

  /* --- Akcent: głęboka czerwień (racing red, nie neon) --- */
  --c-red: #b3122a;
  --c-red-bright: #d4172f;
  --c-red-dim: #6e0f1f;
  --c-red-glow: rgba(179, 18, 42, 0.35);

  /* --- Stal / metal (do akcentów tekstowych i linii) --- */
  --c-steel: #c7c9cc;

  /* --- Semantyczne --- */
  --bg-primary: var(--c-black);
  --bg-secondary: var(--c-charcoal);
  --bg-elevated: var(--c-graphite);
  --text-primary: var(--c-white);
  --text-muted: var(--c-grey-soft);
  --text-faint: var(--c-grey-mid);
  --border-hairline: rgba(255, 255, 255, 0.08);
  --border-hairline-strong: rgba(255, 255, 255, 0.14);

  /* --- Typografia --- */
  --font-display: "Big Shoulders", "Arial Narrow", sans-serif;
  --font-body: "Manrope", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  --fs-hero: clamp(2.75rem, 7vw, 6.5rem);
  --fs-h1: clamp(2.25rem, 5vw, 4rem);
  --fs-h2: clamp(1.85rem, 3.6vw, 3rem);
  --fs-h3: clamp(1.35rem, 2.2vw, 1.85rem);
  --fs-h4: clamp(1.1rem, 1.4vw, 1.3rem);
  --fs-lead: clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  /* --- Odstępy (skala 8px) --- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4rem;
  --sp-7: 6rem;
  --sp-8: 9rem;

  --section-pad-y: clamp(4rem, 9vw, 9rem);
  --container-w: 1320px;
  --container-pad: clamp(1.25rem, 5vw, 3rem);

  /* --- Promienie i cienie --- */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 14px;
  --shadow-soft: 0 20px 60px -20px rgba(0, 0, 0, 0.65);
  --shadow-card: 0 12px 30px -12px rgba(0, 0, 0, 0.55);
  --shadow-red: 0 12px 40px -10px var(--c-red-glow);

  /* --- Ruch --- */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --dur-fast: 200ms;
  --dur-base: 420ms;
  --dur-slow: 800ms;

  /* --- Z-index --- */
  --z-header: 100;
  --z-lightbox: 300;
  --z-toast: 400;
}