/*
 * Design tokens — šaltinis: initial_one_pager_design/README.md § Design Tokens.
 * Naujam Claude Design layout'ui: pirma patikrink, ar reikalingi tokenai jau yra čia;
 * jei ne, pridėk naują kintamąjį, o ne hex reikšmę tiesiai į komponento CSS.
 */
:root {
  /* Spalvos */
  --fonas-svetlus: #FBF8F2;
  --fonas-tamsus: #F4F0E5;
  --tekstas: #383838;
  --tekstas-kunas: #4E4A44;
  --tekstas-silpnas: #63605A;
  --tekstas-labai-silpnas: #A39A88;
  --zalia: #46653A;
  --zalia-sviesi: #567A45;
  --zalia-hover: #2F4A22;
  --zalia-akcentas: #9DC163;
  --smelis: #F3EEE2;
  --smelis-tamsus: #EFE9DB;
  --smelis-baltas: #FFFDF7;
  --linija: #CFC6B0;
  --linija-svelni: #DFD8C8;
  --punktyras: #D5CBB6;
  --svarbu-nuo: #F4EADA;
  --svarbu-iki: #E7D7BE;
  --svarbu-tekstas: #5C4F3F;
  --nuotraukos-fonas: #EDE6D8;

  /* Šriftai */
  --font-heading: 'Fira Sans', sans-serif;
  --font-body: 'Source Sans 3', sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;

  /* Tarpai / formos, naudojami pakartotinai */
  --radius-btn: 6px;
  --radius-tile: 8px;
  --radius-block: 10px;
  --section-padding-x: clamp(20px, 5vw, 64px);
  --section-padding-bottom: clamp(48px, 7vw, 84px);
}