/* =========================================================
   ai, jo! — dizaino tokenai
   Kontrastai patikrinti (WCAG 2.1). Nekeisti be patikros.
   ========================================================= */
:root {
  /* ---------- Brand (pagal aijo.lt užduotį) ---------- */
  --violet:   #24172F;  /* pagrindinis fonas */
  --violet-2: #2F2140;  /* pakeltas paviršius ant violetinio */
  --violet-3: #3A2A4C;  /* linijos / hover paviršius */
  --cream:    #F2EDE4;  /* pagrindinis tekstas / šviesios sekcijos */
  --cream-2:  #E9E3D8;  /* kortelės ant kreminio */
  --lime:     #E4FF70;  /* svarbūs veiksmai, akcentai */
  --lime-hover: #D8F255;
  --lilac:    #C1A5F5;  /* grafika, papildomos sekcijos */
  --lilac-ink: #5E3FA0; /* alyvinis akcentas TEKSTUI ant kreminio — 6.7:1 */

  /* ---------- Tekstas ---------- */
  --fg-on-violet:       #F2EDE4;  /* 14.5:1 */
  --fg-muted-on-violet: #B7ADC2;  /* 7.9:1 */
  --fg-on-cream:        #24172F;  /* 14.5:1 */
  --fg-muted-on-cream:  #5B4F68;  /* 6.5:1 */
  --fg-on-lime:         #24172F;  /* 15.2:1 */
  --fg-on-lilac:        #24172F;  /* 8.1:1 */
  --fg-muted-on-lilac:  #3D2C52;  /* 5.9:1 */

  /* ---------- Kontekstiniai (perrašomi .on-*) ---------- */
  --bg: var(--violet);
  --surface: var(--violet-2);
  --fg: var(--fg-on-violet);
  --fg-muted: var(--fg-muted-on-violet);
  --line: rgba(242, 237, 228, 0.16);
  --focus: var(--lime);
  --accent: var(--lime);          /* akcentas kaip tekstas / ikona */
  --mark-bg: var(--lime);         /* „!“ žymeklio fonas */

  /* ---------- Tipografija ---------- */
  --font-display: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-hero: clamp(2.75rem, 1.2rem + 6.4vw, 6.75rem);
  --fs-h1: clamp(2.5rem, 1.4rem + 4.2vw, 5rem);
  --fs-h2: clamp(2rem, 1.2rem + 3vw, 3.5rem);
  --fs-statement: clamp(2.25rem, 1rem + 5vw, 5.5rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --fs-eyebrow: 0.8125rem;
  --fs-lead: clamp(1.125rem, 1rem + 0.45vw, 1.375rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;

  /* ---------- Tarpai (8pt) ---------- */
  --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, 48px);
  --container: 1240px;

  /* ---------- Formos ---------- */
  --r-sm: 10px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* ---------- Judesys ---------- */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --dur-fast: 180ms;
  --dur-med: 260ms;
  --dur-slow: 420ms;

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

.on-violet {
  --bg: var(--violet); --surface: var(--violet-2);
  --fg: var(--fg-on-violet); --fg-muted: var(--fg-muted-on-violet);
  --line: rgba(242, 237, 228, 0.16); --focus: var(--lime);
  --accent: var(--lime); --mark-bg: var(--lime);
}
.on-cream {
  --bg: var(--cream); --surface: var(--cream-2);
  --fg: var(--fg-on-cream); --fg-muted: var(--fg-muted-on-cream);
  --line: rgba(36, 23, 47, 0.16); --focus: var(--violet);
  --accent: var(--lilac-ink); --mark-bg: var(--lime);
}
.on-lilac {
  --bg: var(--lilac); --surface: rgba(36, 23, 47, 0.08);
  --fg: var(--fg-on-lilac); --fg-muted: var(--fg-muted-on-lilac);
  --line: rgba(36, 23, 47, 0.22); --focus: var(--violet);
  --accent: var(--violet); --mark-bg: var(--lime);
}