/* ==========================================================================
   See Beyond Horizon – tokeny projektu (T01)
   Jedno źródło prawdy dla kolorów, czcionek, rozmiarów, odstępów, promieni
   i linii. Korzystają z nich: site.css, style stron i (od T04) edytor tekstu
   w panelu CMS (klasy sbh-size-*, sbh-space-* itp.).
   Wartości odczytane z dotychczasowej strony – zmiana tutaj zmienia cały serwis.
   ========================================================================== */
:root {
  /* --- Kolory marki --- */
  --color-bg:      #F2F0EF;  /* tło (kremowe) */
  --color-text:    #1A1A18;  /* tekst */
  --color-teal:    #235F73;  /* nagłówki, logo */
  --color-accent:  #733E24;  /* akcent – brąz (sienna) */
  --color-accent-hover: #8F4E2D; /* przycisk główny po najechaniu */
  --color-grey:    #BBBDBC;  /* szary – teksty na ciemnym tle, elementy pomocnicze */
  --color-graphite: #686A69; /* Grafit (dodany 01.11.2026): drobny tekst pomocniczy na jasnym tle – kontrast 4,8:1 na kremowym (WCAG AA) */
  --color-accent-on-dark: #B87250; /* Sienna jasna (dodana 01.11.2026): akcent na ciemnym tle – kontrast 4,6:1 na #1A1A18 */
  --color-line:    #BBBDBC;  /* linie, obramowania (zgodnie z księgą stylu „See Beyond Design”) */
  --color-white:   #FFFFFF;

  /* Krótkie nazwy używane w istniejącym CSS (aliasy – nie zmieniać nazw) */
  --cream:  var(--color-bg);
  --grey:   var(--color-grey);
  --teal:   var(--color-teal);
  --sienna: var(--color-accent);
  --dark:   var(--color-text);
  --graphite: var(--color-graphite);

  /* --- Czcionki --- */
  --font-serif: 'Cormorant Garamond', serif;  /* nagłówki */
  --font-sans:  'DM Sans', sans-serif;        /* tekst */

  /* --- Skala rozmiarów tekstu (XS–XXL) --- */
  --text-xs:  .68rem;                        /* stopka, drobne etykiety */
  --text-s:   .78rem;                        /* przyciski, etykiety sekcji */
  --text-m:   .96rem;                        /* tekst akapitów */
  --text-l:   1.2rem;                        /* wyróżnione zdania, CTA */
  --text-xl:  1.4rem;                        /* nagłówki H2 w artykułach */
  --text-xxl: clamp(2.2rem, 5vw, 3.4rem);    /* nagłówki H1 podstron */

  /* --- Skala odstępów (siatka 4 px) --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Margines boczny stron (płynny) */
  --pad-x: clamp(16px, 5vw, 56px);

  /* --- Promienie --- */
  --radius-xs:    1px;     /* flagi języka */
  --radius-round: 50%;     /* kursor, strzałki, przycisk zamknięcia */
  --radius-pill:  999px;   /* podpowiedź „Przesuń” */

  /* --- Linie --- */
  --line-thin:   1px;
  --line-medium: 1.5px;
  --border-line: var(--line-thin) solid var(--color-line);
}