/* tokens.css — fonty i zmienne marki. Skopiowane z v1; rozszerzane w Etapie 1. */

/* ==========================================================================
   0. Fonty (self-hosted — Inter i Plus Jakarta Sans, warianty variable font)
   --------------------------------------------------------------------------
   Pobrane raz z Google Fonts i serwowane z własnej domeny: usuwa blokujący
   request do fonts.googleapis.com/fonts.gstatic.com (DNS+TLS+request do
   zewnętrznego origin przed pierwszym renderem tekstu) i nic nie wychodzi do
   serwerów Google bez zgody użytkownika (RODO). Tylko podzbiory „latin” i
   „latin-ext” (pokrywają polskie znaki diaktryczne) — bez cyrillic/greek/
   vietnamese, które motyw nigdy nie potrzebuje. Każdy plik to variable font
   z całym zakresem wag w jednym pliku (stąd font-weight jako zakres).
   ========================================================================== */
@font-face{
  font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;
  src:url('../fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;
  src:url('../fonts/inter-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('../fonts/plus-jakarta-sans-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('../fonts/plus-jakarta-sans-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}


/* ==========================================================================
   1. Tokeny
   --------------------------------------------------------------------------
   Blok „Marka” jest przeniesiony z v1 bez zmian — to brandbook (kolory,
   gradient, fonty) i nie rusza się przy redesignie. Zmieniona jest tylko
   warstwa neutralna: powierzchnie, promienie, cienie, rytm — bo v2 stawia
   sekcje na bieli i rozdziela je pasami, a nie jednolitym szarym tłem.
   ========================================================================== */
:root{

  /* --- Marka (bez zmian) --- */
  --violet:#6A1FC9;
  --blue:#3D63E0;
  --teal:#17c2a1;
  --ink:#14163A;
  --slate:#5A6178;
  --white:#FFFFFF;
  --grad:linear-gradient(110deg,#6A1FC9 0%,#3D63E0 48%,#17c2a1 100%);
  --display:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --body:'Inter',system-ui,-apple-system,sans-serif;

  /* --- Powierzchnie --- */
  --bg:#FFFFFF;            /* tło strony — v2 startuje z bieli */
  --surface:#FFFFFF;       /* karty, nagłówek */
  --mist:#F2F1FB;          /* pas przełamujący biel (lawendowy odcień marki) */
  --mist-soft:#F8F9FD;     /* delikatniejsze tło pomocnicze */
  --violet-soft:#F3EFFE;   /* plakietki z ikoną, akcenty na jasnym */
  --ink-deep:#111436;      /* ciemny pas CTA i stopka */
  --line:#E7EAF2;
  --line-soft:#EFF1F7;

  /* --- Tekst --- */
  --ink-inv:#FFFFFF;               /* tekst na ciemnym */
  --slate-inv:rgba(255,255,255,.74); /* tekst drugorzędny na ciemnym */

  /* --- Promienie --- */
  --radius-xs:10px;
  --radius-sm:14px;
  --radius:20px;
  --radius-lg:28px;
  --radius-pill:999px;

  /* --- Cienie --- */
  --shadow-xs:0 1px 2px rgba(20,22,58,.05);
  --shadow:0 1px 2px rgba(20,22,58,.04), 0 8px 24px rgba(20,22,58,.05);
  --shadow-hover:0 2px 4px rgba(20,22,58,.06), 0 16px 40px rgba(20,22,58,.10);
  --shadow-lift:0 4px 10px rgba(20,22,58,.06), 0 24px 56px rgba(20,22,58,.13);
  --shadow-grad:0 6px 18px rgba(106,31,201,.22);
  --shadow-grad-hover:0 10px 26px rgba(106,31,201,.30);

  /* --- Rytm --- */
  --wrap:1180px;
  --gap:24px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:44px;
  --space-8:64px;
  --section-y:clamp(48px,6vw,84px);   /* pionowy oddech sekcji */
  --section-y-sm:clamp(28px,3.5vw,44px);
}