/* CHILL HILL - SPYGLIAI tokenu sluoksnis (F1).
   Saltinis: chillhill-cc/demo/index.html @layer tokens blokas, kopijuota 1:1.
   Sis failas kraunamas PO app.css. Abu rasosi i ta pati @layer tokens, todel
   velesnis saltinis laimi - AURORA GLASS tokenai perrasomi, o tie, kuriu demo
   neapibrezia, lieka galioti kol atitinkamos sekcijos bus perdarytos (F3/F4).

   Layer eile deklaruojama identiskai kaip app.css - jei kada sis failas butu
   pakrautas pirmas, tvarka nepasikeis. */

@layer reset, tokens, base, components, sections, modules, skin;

/* MAKRONO PATAISA (M-FONTAS).
   Fraunces (Google Fonts v38) Chrome narsykleje piesia u ir U su makronu
   pastumtu i desine - bruksnelis atsiduria virs KITOS raides. Klaida
   pasireiskia tik zodyje, ne izoliuotame rasmenyje.

   Isbandyta ir atmesta kaip priezastis: atsarginis sriftas, musu CSS,
   letter-spacing, font-optical-sizing (opsz 9 ir 144), kerningas, ccmp,
   ligaturos, srifto versija.

   Sprendimas: du rasmenis atiduoda atskiras poaibis, sudarytas is TO PATIES
   Fraunces piesinio (opsz 24, konturai isskleisti, be GSUB/GPOS). Po ~1 KB.
   Visa kita ir toliau piesia Fraunces - poaibis dengia tik U+016A-016B.

   @font-face lieka UZ @layer ribu tycia: @font-face nera kaskadinė taisykle,
   sluoksniai jai netaikomi. */
@font-face{
  font-family:"FrauncesLT";
  src:url("/fonts/fraunces-macron-300.woff2") format("woff2");
  font-weight:300;font-style:normal;font-display:swap;
  unicode-range:U+016A-016B;
}
@font-face{
  font-family:"FrauncesLT";
  src:url("/fonts/fraunces-macron-400.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+016A-016B;
}
@font-face{
  font-family:"FrauncesLT";
  src:url("/fonts/fraunces-macron-600.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap;
  unicode-range:U+016A-016B;
}


/* SRIFTAI (P16-SRIFTAI, 2026-08-29).
   Iki siol cia buvo TIK makrono lopas: "Fraunces" ir "Instrument Sans"
   niekur nebuvo deklaruoti @font-face, todel narsykle piesė atsarginiais
   (measureText 433,24 vietoj 492,50 / 489,12). Failai public/fonts/ gulejo
   nuo M06 nepanaudoti - `preload` be @font-face srifto nepanaudoja.

   Sriftai is MUSU hosto, ne fonts.googleapis.com: lankytojo IP i treciaja
   sali be sutikimo nesiunciamas (LT/EU praktika, konstitucija - jokiu
   treciuju saliu skriptu pagal nutylejima).

   Failai = TIE PATYS, kuriuos atiduoda Google (md5 sutampa su
   fonts.gstatic.com atsakymu 2026-08-29): kintamieji (variable) sriftai,
   po viena faila poaibiui, todel visi trys svoriai rodo i ta pati faila -
   lygiai kaip Google css2 atsakyme. Deklaracijos nukopijuotos is to paties
   atsakymo (unicode-range, font-stretch, font-display) - todel piesinys ir
   metrikos sutampa su prototipu i pikseli.

   Poaibiai: latin IR latin-ext. latin-ext butinas - be jo dingtu lietuvisku
   diakritiku glifai (a c e e i s u u z yra U+0100-02BA ruoze). Vietnamietisko
   poaibio, kuri Google dar atiduoda, NEIMAM - jo rasmenu svetaineje nera.

   @font-face lieka UZ @layer ribu (kaip ir makrono lopas virsuje): @font-face
   nera kaskadine taisykle, sluoksniai jai netaikomi.
   Makrono lopas PRIVALO likti auksciau ir pirmesnis sriftu saraso
   (--shopium-font-display: "FrauncesLT","Fraunces",...), kitaip U+016A-016B
   grizta i Fraunces su pastumtu makronu. */

/* Fraunces - kintamasis (opsz 9..144, wght), naudojami svoriai 300/400/600 */
@font-face{
  font-family:"Fraunces";
  src:url("/fonts/fraunces-latin-ext.woff2") format("woff2");
  font-weight:300;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Fraunces";
  src:url("/fonts/fraunces-latin.woff2") format("woff2");
  font-weight:300;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Fraunces";
  src:url("/fonts/fraunces-latin-ext.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Fraunces";
  src:url("/fonts/fraunces-latin.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Fraunces";
  src:url("/fonts/fraunces-latin-ext.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Fraunces";
  src:url("/fonts/fraunces-latin.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Instrument Sans - kintamasis (wght, wdth); font-stretch:100% kaip Google */
@font-face{
  font-family:"Instrument Sans";
  src:url("/fonts/instrumentsans-latin-ext.woff2") format("woff2");
  font-weight:400;font-style:normal;font-stretch:100%;font-display:swap;
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Instrument Sans";
  src:url("/fonts/instrumentsans-latin.woff2") format("woff2");
  font-weight:400;font-style:normal;font-stretch:100%;font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Instrument Sans";
  src:url("/fonts/instrumentsans-latin-ext.woff2") format("woff2");
  font-weight:500;font-style:normal;font-stretch:100%;font-display:swap;
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Instrument Sans";
  src:url("/fonts/instrumentsans-latin.woff2") format("woff2");
  font-weight:500;font-style:normal;font-stretch:100%;font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:"Instrument Sans";
  src:url("/fonts/instrumentsans-latin-ext.woff2") format("woff2");
  font-weight:600;font-style:normal;font-stretch:100%;font-display:swap;
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:"Instrument Sans";
  src:url("/fonts/instrumentsans-latin.woff2") format("woff2");
  font-weight:600;font-style:normal;font-stretch:100%;font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@layer tokens{
  :root{
    /* PALETE: SPYGLIAI - beveik juoda zalia + salavijo zalias akcentas + auksas detalems */
    --shopium-ink-900:#0E1F19;
    --shopium-ink-700:#25382F;
    --shopium-ink-500:#566B60;
    --shopium-paper:#EDF1EC;
    --shopium-paper-2:#F9FBF8;
    --shopium-sage:#55693A;      /* akcentas - AA ant popieriaus */
    --shopium-sage-soft:#DFE7D6;
    --shopium-gold:#B99A46;      /* tik dekorui, ne tekstui */
    --shopium-moss:#7E9B5A;

    --shopium-space-1:.25rem; --shopium-space-2:.5rem; --shopium-space-3:.75rem;
    --shopium-space-4:1rem; --shopium-space-5:1.5rem; --shopium-space-6:2rem;
    --shopium-space-7:3rem; --shopium-space-8:4rem; --shopium-space-9:6rem;
    --shopium-radius-sm:8px; --shopium-radius-md:14px; --shopium-radius-lg:22px;
    --shopium-radius-xl:30px; --shopium-radius-pill:999px;
    --shopium-font-display:"FrauncesLT","Fraunces",Georgia,serif;
    --shopium-font-body:"Instrument Sans",system-ui,-apple-system,sans-serif;
    --shopium-container:1240px;
    --shopium-gutter:clamp(1rem,.5rem + 2.5vw,2.5rem);

    --shopium-bg:var(--shopium-paper);
    --shopium-surface:var(--shopium-paper-2);
    --shopium-text:var(--shopium-ink-700);
    --shopium-text-muted:var(--shopium-ink-500);
    --shopium-heading:var(--shopium-ink-900);
    --shopium-line:rgba(14,31,25,.13);
    --shopium-accent:var(--shopium-sage);
    --shopium-cta:var(--shopium-ink-900);
    --shopium-on-cta:#fff;
    --shopium-focus:var(--shopium-sage);

    --shopium-glass-tint:rgba(255,255,255,.80);
    --shopium-glass-tint-strong:rgba(255,255,255,.93);
    --shopium-glass-blur:16px;
    --shopium-glass-blur-strong:22px;
    --shopium-glass-sat:130%;
    --shopium-glass-line:rgba(255,255,255,.92);
    --shopium-glass-shadow:0 20px 50px -22px rgba(14,31,25,.5);
    --shopium-glass-radius:var(--shopium-radius-lg);

    /* M4: ikomponuotos plokstes (.g-sec--plate). Isvestiniai is paletes -
       naujos spalvos neivedama. */
    --shopium-plate-bg:var(--shopium-paper-2);
    --shopium-plate-shadow:0 30px 70px -46px color-mix(in srgb,var(--shopium-ink-900) 55%,transparent);

    --hdr-h:76px;
  }
  @media (min-width:992px){ :root{ --hdr-h:92px } }

  /* --- TILTAS (F1 laikinas) ---
     AURORA GLASS sekcijos naudoja tokenus, kuriu SPYGLIAI palete dar
     neapibrezia. Kad sviesiame fone jie neliktu tamsios temos reiksmiu,
     pervedami i naujos paletes atitikmenis. VISOS reiksmes cia isvestos
     is virsuje esanciu paletes tokenu - jokios naujos spalvos neivedama.
     Sis blokas dings, kai F3/F4 perras karkasa ir sekcijas. */
  :root{
    --shopium-ink-800:var(--shopium-ink-900);
    --shopium-ink-600:var(--shopium-ink-700);
    --shopium-accent-press:color-mix(in srgb,var(--shopium-sage) 82%,var(--shopium-ink-900));
    --shopium-on-accent:var(--shopium-on-cta);
    --shopium-price:var(--shopium-heading);
    --shopium-glass-tint-soft:color-mix(in srgb,var(--shopium-ink-900) 5%,transparent);
    --shopium-glass-line-top:var(--shopium-glass-line);
  }
}