/* ==========================================================================
   veiki – dizaino tokenai
   Vienintelė vieta, kur gyvena spalvų, radiusų ir tarpų reikšmės.
   Reikšmės paimtos iš dizaino paketo README lentelės.
   ========================================================================== */

:root {
  /* --- Spalvos: literalai --- */
  --c-ink:            #16161C;  /* pagrindinis tamsus fonas */
  --c-deep:           #101016;  /* footer, portalo fonas */
  --c-portal-a:       #191922;  /* portalo gradientas nuo */
  --c-portal-b:       #0F0F15;  /* portalo gradientas iki */

  --c-accent:         #9D8CFF;  /* CTA, akcentai, logo žiedai */
  --c-accent-dark:    #7B66FF;  /* akcentai šviesiame fone */
  --c-accent-light:   #B4A7FF;  /* hover, antriniai akcentai */

  --c-bone:           #ECEAE2;  /* pagrindinis tekstas tamsiame fone */
  --c-light-bg:       #F0EEE8;  /* šviesios sekcijos */
  --c-light-card:     #FBFAF7;  /* kortelės šviesiame fone */
  --c-contact-bg:     #ECEAE2;  /* kontaktų sekcija */

  --c-grey:           #B6B3C3;  /* antrinis tekstas tamsiame fone */
  --c-grey-dark:      #8F8C9B;  /* tretinis tekstas */

  --c-on-light:       #1A1A22;  /* tekstas šviesiame fone */
  --c-on-light-2:     #55525E;  /* paragrafai šviesiame fone */
  --c-on-light-3:     #3F3C46;

  --c-error:          #FF9B8A;  /* formos klaidos */

  /* --- Formos --- */
  --r-card:  24px;
  --r-md:    18px;
  --r-sm:    16px;
  --r-pill:  99px;

  /* --- Tipografija --- */
  --font-head: Sora, ui-sans-serif, system-ui, sans-serif;
  --font-logo: Unbounded, ui-sans-serif, system-ui, sans-serif;
  --font-body: Mulish, ui-sans-serif, system-ui, -apple-system, sans-serif;

  --fs-h1: clamp(32px, 4.8vw, 72px);
  --fs-h2: clamp(30px, 4.5vw, 64px);
  --fs-body: 16.5px;

  /* Etiketės (eyebrow) */
  --fs-eyebrow: 11px;
  --ls-eyebrow: 0.28em;

  /* --- Tarpai --- */
  --pad-section: clamp(64px, 9vw, 110px) 5vw;
  --header-h: 96px;             /* naudojama scroll-padding-top */

  /* --- Šešėliai --- */
  --shadow-island: 0 12px 40px rgba(0, 0, 0, 0.45);
  --shadow-card:   0 24px 60px rgba(26, 26, 34, 0.16);

  /* --- Pereigos --- */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 600ms;
}

/* ==========================================================================
   Semantiniai aliasai pagal sekcijos temą.

   Čia ir susitraukia prototipo dubliavimas: ta pati kortelė ten aprašyta
   du kartus – šviesiam ir tamsiam fonui. Su šiais aliasais `.v-card`
   taisyklė rašoma vieną kartą ir veikia abiejose temose.
   ========================================================================== */

.is-dark {
  --bg:        var(--c-ink);
  --bg-card:   rgba(236, 234, 226, 0.04);
  --fg:        var(--c-bone);
  --fg-2:      var(--c-grey);
  --fg-3:      var(--c-grey-dark);
  --border:    rgba(236, 234, 226, 0.14);
  --border-strong: rgba(236, 234, 226, 0.28);
  --accent:    var(--c-accent);
  --on-accent: var(--c-ink);
}

.is-light {
  --bg:        var(--c-light-bg);
  --bg-card:   var(--c-light-card);
  --fg:        var(--c-on-light);
  --fg-2:      var(--c-on-light-2);
  --fg-3:      #77737F;
  --border:    rgba(26, 26, 34, 0.14);
  --border-strong: rgba(26, 26, 34, 0.26);
  --accent:    var(--c-accent-dark);
  --on-accent: var(--c-light-bg);
}