/* ============================================================
   Dizaina žetoni — nolasīti no MM Ekr2_v1.0.psd
   Avots: build/psd-spec/spec.json
   ============================================================ */

:root {
  /* ---- Mēroga vienība ------------------------------------------------
     Dizains ir 1920×1080. --u ir viens dizaina pikselis, kas mērogojas
     tā, lai 16:9 ekrāns vienmēr aizpildās precīzi, bet citās proporcijās
     saturs ietilpst bez apgriešanas.
     Uz kioska (1920×1080) --u = 1px.                                    */
  --u: min(0.05208333vw, 0.09259259vh);

  /* ---- Tēmu krāsas --------------------------------------------------- */
  --tema-zeme:       #009444;
  --tema-vara:       #d5333c;
  --tema-religija:   #603c89;
  --tema-kultura:    #f15a29;
  --tema-notikumi:   #252161;
  --tema-represijas: #737373;

  /* ---- Teksta krāsas ------------------------------------------------- */
  --teksts:          #ffffff;
  --teksts-kluss:    #e0e0e0;
  --teksts-pasiv-1:  #bfc9dd;
  --teksts-pasiv-2:  #97a6c1;
  --teksts-pasiv-3:  #758198;

  /* ---- Virsmas -------------------------------------------------------
     Paneļi ir gandrīz necaurspīdīgi — koka tekstūra cauri tikai
     nojaušama. Vērtības atmuguriski aprēķinātas no oriģinālā JPG:
     panelis virs melna un virs gaiša koka atšķiras tikai par 1–5
     vienībām augšā un ~11 apakšā, tāpēc α ≈ 0.92 → 0.88.             */
  --panelis-gaiss:   rgba(97, 98, 104, 0.92);
  --panelis-vidus:   rgba(86, 87, 92, 0.92);
  --panelis-tumss:   rgba(33, 34, 38, 0.88);
  --panelis: linear-gradient(180deg,
               var(--panelis-gaiss) 0%,
               var(--panelis-vidus) 50%,
               var(--panelis-tumss) 100%);
  --ena:             rgba(0, 0, 0, 0.45);

  /* ---- Tipogrāfija ---------------------------------------------------
     Barlow Semi Condensed nesatur kirilicu — RU pārslēdz zemāk.         */
  --fonts: "Barlow Semi Condensed", system-ui, -apple-system, sans-serif;

  --sv-mazs:      calc(var(--u) * 16.2);  /* atsauces, kredīti       */
  --sv-teksts:    calc(var(--u) * 20);    /* pamatteksts, anotācijas */
  --sv-josla:     calc(var(--u) * 25);    /* breadcrumbs, tēmu josla */
  --sv-saraksts:  calc(var(--u) * 30);    /* izvēlnes punkti         */
  --sv-virsraksts:calc(var(--u) * 40);    /* sadaļu virsraksti       */
  --sv-valoda:    calc(var(--u) * 60);    /* LV EN RU uz sākumekrāna */

  /* ---- Izkārtojums ---------------------------------------------------
     Satura zona: x 30…1890, y 190…890. Trīs paneļi pa 610 ar 15 atstarpi. */
  --mala:         calc(var(--u) * 30);
  --sat-top:      calc(var(--u) * 190);
  --sat-augstums: calc(var(--u) * 700);
  --panelis-w:    calc(var(--u) * 610);
  --atstarpe:     calc(var(--u) * 15);
  --panelis-pad:  calc(var(--u) * 48);

  /* ---- Kustība -------------------------------------------------------
     Maigi un neuzkrītoši: ātrums nav mērķis (skat. css/transitions.css). */
  --parejas-laiks: 340ms;
  --parejas-likne: cubic-bezier(0.4, 0, 0.2, 1);
  /* Hover un pieskāriena atbilde: lēna un mīksta, nevis «klikšķīga». */
  --t-hover: 560ms;
  --likne-hover: cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Krievu valodai cits fonts — Barlow kirilicu nesatur.
   Noto Sans Display platuma ass 87,5% trāpa Barlow proporcijai. */
:root:lang(ru) {
  --fonts: "Noto Sans Display", "Roboto Condensed", system-ui, sans-serif;
  --fonts-stretch: 87.5%;
}

/* Mobilajā mērogs vairs nav piesiets 16:9 — pāriet uz plūstošu izkārtojumu. */
@media (max-width: 820px) {
  :root {
    --u: calc(100vw / 390);
    --sv-teksts:     calc(var(--u) * 15);
    --sv-josla:      calc(var(--u) * 14);
    --sv-saraksts:   calc(var(--u) * 19);
    --sv-virsraksts: calc(var(--u) * 26);
    --sv-valoda:     calc(var(--u) * 32);
    --mala:          calc(var(--u) * 16);
    --panelis-pad:   calc(var(--u) * 20);
  }
}