/* ============================================================
   TOKENS — design system reikšmės. Vienintelė vieta spalvoms,
   tipografijai ir tarpams. Komponentai naudoja tik šiuos kintamuosius.
   ============================================================ */
:root{
  /* --- Paviršiai --- */
  --c-black:#111111;
  --c-graphite:#1A1A1A;
  --c-concrete-dark:#303030;
  --c-concrete:#B8B8B8;
  --c-concrete-light:#E8E8E6;
  --c-off-white:#F5F5F3;
  --c-white:#FFFFFF;

  /* --- Akcentas: du žingsniai, parenkami pagal paviršių ---
     #FF6700 ant tamsaus = 6.47:1 | #C44405 ant šviesaus = 4.61:1
     Baltas tekstas ant oranžinio = 2.92:1 -> DRAUDŽIAMA */
  --accent:#FF6700;
  --accent-deep:#C44405;
  --accent-hover:#E85D04;
  --accent-ink:#111111;

  --state-error:#B32D1F;

  /* --- Semantika: šviesus kontekstas (numatytasis) --- */
  --bg:var(--c-off-white);
  --bg-raised:var(--c-white);
  --ink:var(--c-black);
  --ink-soft:var(--c-concrete-dark);
  --ink-faint:#6E6E6B;
  --line:rgba(17,17,17,.12);
  --line-strong:rgba(17,17,17,.28);
  --accent-ctx:var(--accent-deep);

  /* --- Tipografija --- */
  --font-display:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;

  --fs-d1:clamp(3rem,1.5rem + 8vw,8.5rem);
  --fs-d2:clamp(2.25rem,1.2rem + 4.4vw,4.5rem);
  --fs-d3:clamp(1.75rem,1.1rem + 2.8vw,3.25rem);
  --fs-stat:clamp(3.5rem,2rem + 6vw,7rem);
  --fs-h3:clamp(1.125rem,1rem + .6vw,1.5rem);
  --fs-lead:clamp(1.0625rem,1rem + .3vw,1.25rem);
  --fs-body:1rem;
  --fs-sm:.875rem;
  --fs-label:.75rem;
  --fs-micro:.6875rem;

  /* --- Tarpai (4px bazė) --- */
  --s-1:4px;   --s-2:8px;   --s-3:12px;  --s-4:16px;
  --s-5:24px;  --s-6:32px;  --s-7:40px;  --s-8:48px;
  --s-9:64px;  --s-10:96px; --s-11:128px;--s-12:160px;--s-13:200px;

  --section-y:clamp(80px,10vw,160px);

  /* --- Grid --- */
  --container:1440px;
  --content:1280px;
  --content-text:720px;
  --gutter:clamp(16px,2vw,32px);
  --margin:clamp(20px,5vw,64px);

  /* --- Geometrija --- */
  --radius:0;
  --border:1px;

  /* --- Judesys --- */
  --t-micro:150ms;
  --t-ui:300ms;
  --t-reveal:600ms;
  --t-image:900ms;
  --ease-ui:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.22,1,.36,1);
}

/* Tamsios sekcijos — semantika apverčiama, komponentai nekeičiami */
.on-dark{
  --bg:var(--c-black);
  --bg-raised:var(--c-graphite);
  --ink:var(--c-off-white);
  --ink-soft:var(--c-concrete);
  --ink-faint:#8A8A87;
  --line:rgba(232,232,230,.14);
  --line-strong:rgba(232,232,230,.3);
  --accent-ctx:var(--accent);
  background:var(--bg);
  color:var(--ink);
}