/* Kleova — Design Tokens v1 (2026-05-28) */
:root {
  /* — Kolory: baza — */
  --kleova-ink:        #141A24; /* primary dark: tekst na jasnym, tło ciemne */
  --kleova-graphite:   #4A5260; /* secondary dark */
  --kleova-muted:      #6E7382; /* tekst drugorzędny */

  /* — Kolory: akcent (kleos = chwała/renoma → mosiądz) — */
  --kleova-brass:      #B89150; /* akcent główny: TYLKO duże/dekoracyjne, nie body */
  --kleova-brass-deep: #97743A; /* akcent ciemniejszy: hover, na jasnym tle */
  --kleova-burgundy:   #7B2D3A; /* akcent alternatywny (udokumentowany) */

  /* — Kolory: neutralne — */
  --kleova-paper:      #F7F5F1; /* tło ciepła biel/kość słoniowa */
  --kleova-white:      #FFFFFF;
  --kleova-line:       #E3DED4; /* hairline / obrys */

  /* — Typografia — */
  --kleova-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --kleova-font-text:    "Hanken Grotesk", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* skala typograficzna (ratio 1.25, baza 16px) */
  --kleova-fs-xs:   0.80rem;  /* 12.8 */
  --kleova-fs-sm:   1.00rem;  /* 16   */
  --kleova-fs-md:   1.25rem;  /* 20   */
  --kleova-fs-lg:   1.563rem; /* 25   */
  --kleova-fs-xl:   1.953rem; /* 31   */
  --kleova-fs-2xl:  2.441rem; /* 39   */
  --kleova-fs-3xl:  3.052rem; /* 49   */

  /* — Przestrzeń / promienie — */
  --kleova-space:   8px;       /* jednostka bazowa; używaj wielokrotności */
  --kleova-radius:  4px;       /* delikatne, premium — nie zaokrąglaj mocno */
  --kleova-maxw:    72ch;      /* komfort czytania */
}