/* =========================================================
   ai, jo! V4 — Creative Tech (Cool White / Charcoal / Lime Green / Ocean Blue)
   Cool White — drobė; Charcoal — kontrastinės sekcijos ir tekstas;
   Ocean Blue — išraiškingi akcentai; Lime — tik veiksmai ir aktyvios būsenos.
   Kontrastai (WCAG 2.1 AA):
     Charcoal #292B38 ant Cool White 11.3:1 · Ocean Blue ant Cool White 6.0:1
     Charcoal ant Lime #00F5BA 10.8:1 · Balta ant Ocean Blue 7.5:1
     #EEF5FD ant Charcoal 13.0:1 · #B4BED0 ant Charcoal 7.6:1 · #4A4D60 ant Cool White 6.8:1
   ========================================================= */
:root {
  --ink:    #292B38;
  --ink-2:  #323545;
  --ink-3:  #3C3F51;
  --paper:  #D7E8FA;
  --paper-2:#C8DCF3;
  --light:  #EEF5FD;
  --white:  #FFFFFF;
  --hi:     #00F5BA;
  --hi-hover:#00DDA8;
  --alt:    #3B1EFF;
  --alt-ink:#3B1EFF;
  --alt-soft:#E3E0FF;

  --fg-on-ink:        #EEF5FD;
  --fg-muted-on-ink:  #B4BED0;
  --fg-on-paper:      #292B38;
  --fg-muted-on-paper:#4A4D60;
  --fg-on-hi:         #292B38;
  --fg-on-alt:        #FFFFFF;
  --fg-muted-on-alt:  #DCE3FF;

  --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) 16%, transparent);
  --focus: var(--alt); --accent: var(--alt-ink); --mark-bg: var(--alt);

  --font-display: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-logo: "Montserrat", var(--font-display);

  --fs-hero: clamp(3rem, 0.9rem + 7.2vw, 8.25rem);
  --fs-h1: clamp(2.5rem, 1.2rem + 4.6vw, 5.5rem);
  --fs-h2: clamp(2.125rem, 1.2rem + 3.1vw, 4rem);
  --fs-statement: clamp(2.25rem, 0.9rem + 5vw, 5.75rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.55vw, 1.625rem);
  --fs-eyebrow: 0.8125rem;
  --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(80px, 10vw, 152px);
  --gutter: clamp(20px, 5vw, 64px);
  --container: 1320px;

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  --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: 500;
  --display-tracking: -0.04em;
  --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;
}