/* ==========================================================================
   TILTO — design tokens
   Vienintelis šaltinis spalvoms, tarpams, tipografijai.
   Komponentai HEX ar px reikšmių tiesiogiai nenaudoja.
   ========================================================================== */

:root {
  /* --- spalvos -------------------------------------------------------
     Popieriaus ir rašalo logika: šviesus popierius, tamsus rašalas,
     viena spaudos spalva akcentui. Tamsių sekcijų nėra. */
  --t-paper:       #F5F5F1;   /* puslapio fonas — neutralus popierius */
  --t-surface:     #FFFFFF;   /* kortelės, produktų plotai */
  --t-ink:         #14171A;   /* tekstas, antraštės */
  --t-ink-soft:    #565D64;   /* antrinis tekstas */
  --t-line:        #E3E3DD;   /* hairline rėmeliai */
  --t-line-strong: #C6C6BE;   /* interaktyvūs rėmeliai, 3:1 */

  --t-navy:        #17324D;   /* antrinis rašalas — mygtukai, footeris */
  /* VIENA oranžinė visai svetainei.

     Anksčiau jų buvo dvi: ryški #FF5A1F dekorui ir tamsesnė #C23A08 ten,
     kur ant jos gula baltas tekstas. Praktikoje tai reiškė, kad tituliniame
     antraštė buvo vienos spalvos, o mygtukai šalia — kitos, ir skirtumas
     matėsi. Palikom tamsesnę: ji ir ant šviesaus fono duoda 5,4:1 (WCAG AA),
     ir ant tamsaus veikia kaip fonas su baltu tekstu.

     `--t-signal-dark` liko kaip sinonimas, kad nereikėtų keisti kelių
     dešimčių taisyklių, kurios juo remiasi. */
  --t-signal:      #C23A08;   /* spaudos dažai — vienintelė akcento spalva */
  --t-signal-dark: #C23A08;   /* sinonimas; paliktas suderinamumui */
  --t-signal-deep: #9E2D04;   /* hover: tamsesnis, kad būsena liktų matoma */

  /* Ant TAMSAUS fono #C23A08 nublanksta (3,2:1), todėl ten — ir tik ten —
     naudojam šviesesnę versiją. Tokių vietų yra dvi: matricos suvestinė ir
     poraštė. */
  --t-signal-on-dark: #FF7A45;

  --t-ok:          #17703F;
  --t-warn:        #9A5B08;
  --t-bad:         #B3271F;

  /* --- tipografija --------------------------------------------------- */
  --t-font-ui:   "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --t-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --t-font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  --t-fs-display: clamp(2.5rem, 1.2rem + 5.4vw, 5.25rem);
  --t-fs-h1:      clamp(1.875rem, 1.3rem + 2.3vw, 2.75rem);
  --t-fs-h2:      clamp(1.5rem, 1.2rem + 1.3vw, 2rem);
  --t-fs-h3:      clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --t-fs-lead:    1.0625rem;
  --t-fs-body:    1rem;
  --t-fs-sm:      0.875rem;
  --t-fs-xs:      0.8125rem;
  --t-fs-tag:     0.6875rem;

  --t-lh-tight: 0.98;
  --t-lh-snug:  1.32;
  --t-lh-body:  1.62;

  --t-ls-display: -0.035em;
  --t-ls-tight:   -0.02em;
  --t-ls-label:   0.14em;   /* etikečių iškilios didžiosios */

  /* --- tarpai --------------------------------------------------------- */
  --t-s1: 0.25rem;
  --t-s2: 0.5rem;
  --t-s3: 0.75rem;
  --t-s4: 1rem;
  --t-s5: 1.5rem;
  --t-s6: 2rem;
  --t-s7: 3rem;
  --t-s8: 4rem;
  --t-s9: 6rem;

  --t-section-y: clamp(3rem, 1.5rem + 5vw, 5rem);

  /* --- forma ----------------------------------------------------------
     Konteineris per visą ekrano plotį, 20 px paraštės iš šonų. */
  --t-gutter: 20px;
  --t-radius: 2px;

  --t-shadow-1: 0 1px 2px rgba(20, 23, 26, .05);
  --t-shadow-2: 0 4px 16px rgba(20, 23, 26, .08);
  --t-shadow-3: 0 12px 40px rgba(20, 23, 26, .12);

  /* --- spaudos faktūros ------------------------------------------------
     Rastro taškas (sietspaudos halftone) ir siūlės punktyras — vietoj
     abstrakčių „fono formų“. */
  --t-halftone: radial-gradient(circle at center, currentColor 1.05px, transparent 1.15px);
  --t-halftone-size: 9px 9px;
  --t-stitch: repeating-linear-gradient(90deg, currentColor 0 5px, transparent 5px 11px);

  /* --- judesys ---------------------------------------------------------- */
  --t-ease:     cubic-bezier(.2, .7, .3, 1);
  --t-ease-out: cubic-bezier(.16, 1, .3, 1);
  --t-fast:     120ms;
  --t-base:     200ms;
  --t-slow:     420ms;

  /* --- sluoksniai --------------------------------------------------------- */
  --t-z-base:     1;
  --t-z-sticky:   100;
  --t-z-header:   200;
  --t-z-dropdown: 300;
  /* Perdanga turi būti PO stalčiumi — kitaip ji užtamsina ir patį stalčių. */
  --t-z-overlay:  400;
  --t-z-drawer:   500;
  --t-z-modal:    600;
  --t-z-toast:    700;

  /* --- komponentų dydžiai -------------------------------------------------- */
  --t-control-h: 46px;
  --t-header-h:  68px;
}