/* ============================================================
   TOKENY SYSTEMU — jedno źródło prawdy (brandbook Toolsmart).
   Ładowany jako pierwszy arkusz na każdej stronie (functions.php,
   uchwyt 'toolsmart-tokens'); pozostałe arkusze tylko z nich korzystają
   i NIE deklarują własnego :root z tymi samymi nazwami.
   ============================================================ */
:root {
  /* Kolory marki */
  --navy: #152A60;
  --sea-blue: #084CA1;
  --light-blue: #008FD1;   /* tylko dekoracja: podkreślenia, kropki, focus pól, poświata */
  --neon-green: #CFFF04;   /* tylko na navy / sea-blue */
  --white: #FFFFFF;
  --gray: #E6E6E6;

  /* Tekst drugorzędny — pełne kolory zamiast navy z opacity */
  --ink-muted: #5B6A90;    /* = navy 70% na białym; 5,4:1 na white, 4,8:1 na gray */
  --ink-subtle: #8A95B0;   /* = navy 50% na białym; placeholdery, separatory (nie do treści) */
  --ink-on-dark-muted: rgba(255, 255, 255, 0.75); /* tekst drugorzędny na navy / sea-blue */

  /* Stany */
  --error: #d92d20;
  --error-bg: #fdecea;

  /* Układ */
  --content-size: 800px;
  --breakout-size: 1040px;
  --wide-size: 1280px;
  --section-spacing: 6rem;

  /* Zaokrąglenia: trzy stopnie + koło */
  --radius-sm: 12px;       /* kontrolki, pola, miniatury, dropdowny */
  --radius-soft: 20px;     /* karty, panele, boksy */
  --radius-pill: 999px;    /* przyciski, plakietki, chipy */

  /* Cienie — wszystkie w odcieniu navy */
  --shadow-soft: 0 10px 30px rgba(21, 42, 96, 0.10), 0 2px 8px rgba(21, 42, 96, 0.06);
  --shadow-nav: 0 6px 24px rgba(21, 42, 96, 0.08);
  --shadow-btn: 0 10px 26px rgba(21, 42, 96, 0.30);
  --shadow-btn-hover: 0 18px 38px rgba(21, 42, 96, 0.36);

  /* Kroje: Lato do tekstu i interfejsu, Red Hat Display do nagłówków */
  --font-body: 'Lato', sans-serif;
  --font-heading: 'Red Hat Display', 'Lato', sans-serif;

  /* Skala nagłówków: 5 poziomów */
  --fs-display: clamp(2.1rem, 3.4vw, 3.1rem);  /* tylko hero strony głównej */
  --fs-h1: clamp(1.9rem, 3vw, 2.6rem);        /* H1 podstron */
  --fs-h2: clamp(1.7rem, 2.8vw, 2.3rem);      /* H2 sekcji */
  --fs-h3: 1.25rem;                            /* H3 */
  --fs-card: 1.05rem;                          /* nazwy na kartach */

  /* Nadtytuły: dwa style */
  --fs-kicker: 0.8rem;     /* kicker: 900 / 0.06em / wersaliki */
  --fs-label: 0.75rem;     /* label: 900 / 0.06em / wersaliki */
  --ls-caps: 0.06em;

  /* Focus z klawiatury */
  --focus-ring: var(--sea-blue);
  --focus-ring-on-dark: var(--neon-green);
}