/* =========================================================
   ai, jo! V2 — premium paletė (Cool White / Charcoal / Lime Green / Ocean Blue)
   Kintamųjų pavadinimai sutampa su V1, todėl components.css veikia abiem.
   Kontrastai patikrinti (WCAG 2.1 AA):
     Charcoal ant Cool White 11.0:1 · Lime ant Charcoal 10.4:1 · Balta ant Ocean Blue 7.5:1
     Ocean Blue ant Cool White 6.0:1 · Muted #4A4C60 ant Cool White 6.7:1
   Lime ir Ocean Blue NENAUDOJAMI kartu tekstui (1.85:1), Lime ant šviesaus — tik užpildas.
   ========================================================= */
:root {
  --ink:    #2B2C3A;   /* Charcoal — tekstas, tamsūs paviršiai, pagrindiniai mygtukai */
  --ink-2:  #363849;
  --ink-3:  #44465A;
  --paper:  #D7E8FA;   /* Cool White — pagrindinis šviesus fonas */
  --paper-2:#C9DCF2;
  --light:  #EEF5FD;   /* šviesesnė sekcija (.on-light) */
  --white:  #FFFFFF;
  --hi:     #5DF9C0;   /* Lime Green — pažymėjimai, pasirinkimai, užbaigimas */
  --hi-hover:#47EDB0;
  --alt:    #3B1EFF;   /* Ocean Blue — antriniai akcentai, interaktyvūs pažymėjimai */
  --alt-ink:#3B1EFF;   /* tekstas ant šviesaus: 6.0–6.8:1 */
  --alt-soft:#CFC8FF;  /* šviesi mėlyna užpildui su Charcoal tekstu */

  --fg-on-ink:        #EEF5FD;  /* 12.5:1 */
  --fg-muted-on-ink:  #B8C4D6;  /* 7.8:1 */
  --fg-on-paper:      #2B2C3A;  /* 11.0:1 */
  --fg-muted-on-paper:#4A4C60;  /* 6.7:1 */
  --fg-on-hi:         #2B2C3A;  /* 10.4:1 */
  --fg-on-alt:        #FFFFFF;  /* 7.5:1 */
  --fg-muted-on-alt:  #D7E8FA;  /* 6.0:1 */

  --bg: var(--paper); --surface: var(--white);
  --fg: var(--fg-on-paper); --fg-muted: var(--fg-muted-on-paper);
  --line: color-mix(in srgb, var(--ink) 18%, transparent);
  --focus: var(--alt); --accent: var(--alt-ink); --mark-bg: var(--hi);

  --font-display: "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-accent: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-logo: "Montserrat", var(--font-display);

  --fs-hero: clamp(2.875rem, 1.2rem + 5.2vw, 6.125rem);
  --fs-h1: clamp(2.5rem, 1.4rem + 4.4vw, 5.25rem);
  --fs-h2: clamp(2rem, 1.25rem + 3vw, 3.625rem);
  --fs-statement: clamp(2.25rem, 1rem + 5.2vw, 5.75rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --fs-eyebrow: 0.75rem;
  --fs-lead: clamp(1.125rem, 1rem + 0.45vw, 1.375rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;

  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 144px;
  --section-y: clamp(88px, 11vw, 168px);
  --gutter: clamp(20px, 5vw, 56px);
  --container: 1280px;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 8px;     /* V2: stačiakampiai mygtukai */

  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-spring: cubic-bezier(0.3, 1.3, 0.6, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --dur-fast: 160ms;
  --dur-med: 240ms;
  --dur-slow: 420ms;

  --display-weight: 600;
  --display-tracking: -0.03em;
  --surface-raised: #FFFFFF;
  --field-bg: #FFFFFF;
  --danger: #9B1C3A;
  --danger-bg: #F8DCE3;
  --danger-ink: #6E1027;
  --ok-bg: var(--hi);
  --ok-ink: var(--fg-on-hi);

  --z-header: 40;
  --z-bar: 50;
  --z-menu: 100;
}