/* ============================================================
   TOKENY — paleta, typografia, odstępy
   Mikroseria / druk 3D
   ============================================================ */

:root {
  /* --- Kolory: grafitowe tło ------------------------------- */
  --bg:        #15171b;   /* główne grafitowe tło */
  --bg-elev:   #1d2025;   /* tło paneli / kart uniesionych */
  --bg-deep:   #101216;   /* najciemniejsze zagłębienia */
  --line:      #2a2e35;   /* hairline / linie warstw */
  --line-soft: #23272e;

  /* --- Akcenty -------------------------------------------- */
  --accent-hot:  #ff6a2b;   /* pomarańcz — gorąca dysza */
  --accent-hot-2:#ff8a4c;
  --accent-eng:  #3d8bff;   /* niebieski — inżynieria */
  --accent-eng-2:#66a5ff;

  /* --- Tekst ---------------------------------------------- */
  --text:      #e8e9ec;
  --text-dim:  #9aa0a8;
  --text-faint:#6b7178;

  /* --- Typografia ----------------------------------------- */
  --font-display: "Chakra Petch", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "IBM Plex Mono", "SFMono-Regular", ui-monospace, "Consolas", monospace;

  /* Skala typograficzna (fluid) */
  --fs-hero:  clamp(2.75rem, 8vw, 6.5rem);
  --fs-h2:    clamp(2rem, 5vw, 3.75rem);
  --fs-h3:    clamp(1.25rem, 2.5vw, 1.75rem);
  --fs-body:  clamp(1rem, 1.4vw, 1.15rem);
  --fs-small: 0.8125rem;
  --fs-mono:  0.8125rem;

  /* --- Odstępy -------------------------------------------- */
  --pad-card:  clamp(1.5rem, 5vw, 5rem);
  --gap:       clamp(1rem, 2vw, 2rem);
  --maxw:      1180px;

  /* --- Ruch ----------------------------------------------- */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur:       0.6s;
}