/* Tokeny marki Kreatywne Biuro.
   Źródło: strona/design/serwis/tokens.css (projekt zatwierdzony przez właściciela, bramki B1 i B2).
   Jedyna zmiana wobec projektu: zamiast @import z Google Fonts czcionka Manrope ładowana z własnej domeny
   (static/fonts/*.woff2, pliki zmienne 200-800, skopiowane z wp-content/uploads/elementor/google-fonts). */

/* Manrope zmienny (variable), zakres wag 200-800. Podzbiory latin i latin-ext (polskie znaki). */
@font-face{
  font-family:'Manrope';
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  src:url('/fonts/manrope-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:'Manrope';
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  src:url('/fonts/manrope-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;
}
/* Zastępcza rodzina o zbliżonych metrykach: ogranicza przeskok układu w czasie ładowania (CLS). */
@font-face{
  font-family:'Manrope Fallback';
  src:local('Arial'),local('Helvetica Neue'),local('Liberation Sans');
  size-adjust:102%;
  ascent-override:104%;
  descent-override:28%;
  line-gap-override:0%;
}

:root{
  /* marka */
  --brand-accent:#0159D3;        /* akcent, oba systemy */
  --brand-accent-hover:#136FEF;  /* hover, serwis WP */
  --brand-accent-ink:#00347D;    /* stan wciśnięty, ciemne CTA */
  --brand-accent-soft:rgba(1,89,211,.07);
  --brand-navy:#050a30;          /* sekcje hero, nowa LP */
  --brand-navy-2:#0b1550;
  --brand-cyan:#0bc4d9;          /* serwis WP, dekoracyjnie */
  --brand-sky:#8fd3ff;           /* akcent na granacie */
  /* tekst i tła */
  --color-ink:#111633;           /* nagłówki */
  --color-body:#3a405c;          /* tekst */
  --color-muted:#666c8a;         /* podpisy; przyciemnione do 4,77:1 na --bg-soft (kryterium 4,5:1) */
  --color-line:#e3e6f0;
  --bg:#ffffff;
  --bg-soft:#f5f6fa;
  --color-ok:#1a9c6b;
  --color-warn:#FA8835;
  --color-error:#D32F2F;         /* 4,98:1 na bieli (poprzednie #EF4848 dawało 3,69:1) */
  --star:#ffc24d;
  /* kształt */
  --radius:18px;                 /* karty */
  --radius-sm:12px;              /* przyciski, pola */
  --radius-pill:999px;
  --shadow:0 20px 60px rgba(5,10,48,.14);
  --shadow-sm:0 8px 24px rgba(5,10,48,.08);
  --shadow-accent:0 10px 26px rgba(1,89,211,.28);
  /* typografia: wyłącznie Manrope 400-800 */
  --font:'Manrope','Manrope Fallback',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --text:17px; --lh:1.6;
  --h1:clamp(2.2rem,1.4rem + 3.6vw,3.9rem);   /* ok. 35-62 px, waga 800 */
  --h2:clamp(1.7rem,1.2rem + 1.8vw,2.5rem);   /* ok. 27-40 px, waga 800 */
  --h3:clamp(1.25rem,1.1rem + .6vw,1.6rem);   /* ok. 20-26 px, waga 700 */
  --lead:clamp(1.05rem,1rem + .35vw,1.28rem);
  --eyebrow:.8rem;               /* 700, uppercase, letter-spacing .14em */
  /* siatka i rytm */
  --max:1180px;                  /* kontener na komputerze */
  --gutter-mobile:20px; --gutter-desktop:32px;
  --sec:clamp(56px,6vw,104px);   /* odstęp sekcji */
  --space-1:8px; --space-2:12px; --space-3:16px; --space-4:20px; --space-5:24px; --space-6:32px; --space-7:40px; --space-8:56px;
  --tap:44px;                    /* minimalny cel dotyku */
  --header-h:72px;
  /* progi RWD (mobile-first): 420 / 560 / 700 / 800 / 960 / 1100 */
}