/* ==========================================================================
   tokens.css — Meter Vision dizaina sistēmas TOKENI (pārveide 2026-10)

   Šis ir VIENĪGAIS vizuālo vērtību avots visai lietotnei: krāsas, atstarpes,
   noapaļojumi, ēnas, tipogrāfija, kustība, slāņi un pieskāriena izmēri.
   Lapu CSS failos krāsas un pikseļu vērtības NERAKSTĀM ar roku — lietojam
   šos mainīgos, lai visas lapas izskatītos kā viena sistēma un lai izmaiņas
   (piem. akcenta krāsa) būtu jāveic tikai šeit.

   Tikai gaišais režīms: tumšā tēma un prefers-color-scheme noteikumi
   apzināti NAV paredzēti. color-scheme: light nodrošina, ka arī pārlūka
   formu elementi un ritjoslas paliek gaišas.

   Kontrasts pārbaudīts (WCAG AA): teksts >= 4.5:1, UI apmales/fokuss >= 3:1.
   Mainot krāsu, pārbaudi kontrastu vēlreiz!
   ========================================================================== */

/* --------------------------------------------------------------------------
   ZĪMOLA FONTS (lokāli, bez CDN)
   font/trueno/trueno.css deklarē failus ar pilniem nosaukumiem (TruenoBold.otf,
   TruenoSemiBold.otf...), bet diskā tie ir saīsināti (TruenoBd.otf, TruenoSBd.otf),
   tādēļ strādā tikai Regular un pārējie dod 404. Šeit deklarējam savu saimi ar
   PAREIZIEM failu nosaukumiem — trueno.css netiek aiztikts.
   -------------------------------------------------------------------------- */
@font-face{
  font-family: 'MV Trueno';
  src: url('../font/trueno/TruenoRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  }
@font-face{
  font-family: 'MV Trueno';
  src: url('../font/trueno/TruenoSBd.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  }
@font-face{
  font-family: 'MV Trueno';
  src: url('../font/trueno/TruenoBd.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  }

:root{
  color-scheme: light;

  /* ------------------------------------------------------------------------
     NEITRĀLĀS KRĀSAS — vēsi pelēki toņi ar vieglu zili zaļu nokrāsu
     (ūdens/komunālo pakalpojumu noskaņa), lai fons būtu mierīgs un dati
     izceltos. Fons ir nedaudz tumšāks par kartītēm, tādēļ kartītes "paceļas".
     ------------------------------------------------------------------------ */
  --mv-color-bg: #F3F5F7;            /* lietotnes fons aiz kartītēm */
  --mv-color-surface: #FFFFFF;       /* kartītes, logi, tabulas */
  --mv-color-surface-2: #F7F9FA;     /* tabulas galvene, ievades fons, hover */
  --mv-color-surface-3: #EDF1F4;     /* nospiests stāvoklis, skeleton bāze */
  --mv-color-border: #DCE2E8;        /* parastā apmale/atdalītājs (dekoratīva) */
  --mv-color-border-strong: #8A96A3; /* ievades lauku apmale — 3:1 pret baltu */
  --mv-color-text: #17212B;          /* pamatteksts — 16:1 */
  --mv-color-text-2: #45525F;        /* sekundārais teksts — 8:1 */
  --mv-color-muted: #5F6B78;         /* etiķetes, mērvienības, laiki — 5.4:1 */

  /* ------------------------------------------------------------------------
     AKCENTS — viena krāsa interaktīvajiem elementiem (pogas, saites, fokuss,
     aktīvā cilne). Dziļi zili zaļš tonis: atšķirīgs no tipiskās "admin
     paneļa" zilās un labi kontrastē ar statusa krāsām.
     ------------------------------------------------------------------------ */
  --mv-color-accent: #0A6A8F;        /* 6:1 pret baltu */
  --mv-color-accent-hover: #08587A;
  --mv-color-accent-active: #064863;
  --mv-color-accent-soft: #E2F0F6;   /* izvēlēta rinda, aktīvais filtrs */
  --mv-color-on-accent: #FFFFFF;

  /* ------------------------------------------------------------------------
     STATUSA KRĀSAS — ok / brīdinājums / trauksme / bezsaistē / nezināms.
     Katram ir teksta krāsa (AA uz sava fona), maigs fons un spilgtā "solid"
     versija nozīmītēm. NEKAD nelietojam krāsu vienu pašu — vienmēr kopā ar
     ikonu vai tekstu (piem. zvaniņš + "Trauksme").
     ------------------------------------------------------------------------ */
  --mv-color-ok: #1D6B45;
  --mv-color-ok-soft: #E6F3EC;
  --mv-color-ok-solid: #23845A;

  --mv-color-warning: #7A4F00;
  --mv-color-warning-soft: #FFF2D1;
  --mv-color-warning-solid: #D99A0B;

  --mv-color-alarm: #AE2116;
  --mv-color-alarm-soft: #FDEBE9;
  --mv-color-alarm-solid: #C4281C;   /* balts teksts uz šī — 5.7:1 */

  --mv-color-offline: #4A5662;
  --mv-color-offline-soft: #ECEFF2;

  --mv-color-unknown: #5F6B78;
  --mv-color-unknown-soft: #F1F3F5;

  /* fokusa gredzens — vienmēr redzams, pret jebkuru virsmu */
  --mv-focus-ring: 0 0 0 2px var(--mv-color-surface), 0 0 0 4px var(--mv-color-accent);

  /* ------------------------------------------------------------------------
     ATSTARPES — 8px bāzes skala (4px kā pussolis smalkiem gadījumiem).
     Lietot tikai šīs vērtības, lai viss izlīdzinātos vienā ritmā.
     ------------------------------------------------------------------------ */
  --mv-space-0: 2px;
  --mv-space-1: 4px;
  --mv-space-2: 8px;
  --mv-space-3: 12px;
  --mv-space-4: 16px;
  --mv-space-5: 24px;
  --mv-space-6: 32px;
  --mv-space-7: 48px;
  --mv-space-8: 64px;

  /* lapas sānu atkāpe: telefonā 16px, plašākā ekrānā vairāk */
  --mv-gutter: 16px;
  /* satura maksimālais platums lielos monitoros, lai rindas nebūtu bezgalīgas */
  --mv-content-max: 1440px;

  /* ------------------------------------------------------------------------
     NOAPAĻOJUMI
     ------------------------------------------------------------------------ */
  --mv-radius-sm: 6px;               /* pogas, ievades lauki, nozīmītes */
  --mv-radius-md: 10px;              /* kartītes, paneļi */
  --mv-radius-lg: 14px;              /* logi, dialogi, apakšējās lapas */
  --mv-radius-pill: 999px;           /* "tabletes" (skaits, statuss) */

  /* ------------------------------------------------------------------------
     ĒNAS — maigas, lai kartītes atdalās no fona, bet neizskatās "smagas".
     ------------------------------------------------------------------------ */
  --mv-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.08);
  --mv-shadow-md: 0 4px 12px rgba(16, 24, 40, 0.10), 0 2px 4px rgba(16, 24, 40, 0.06);
  --mv-shadow-lg: 0 20px 48px rgba(16, 24, 40, 0.18), 0 6px 16px rgba(16, 24, 40, 0.10);

  /* ------------------------------------------------------------------------
     TIPOGRĀFIJA
     - sans: sistēmas fonts (bez CDN; ātrs, ass, atbalsta tabular-nums);
     - display: zīmola fonts Trueno (lokāli font/trueno) virsrakstiem;
     - mono: IBM Plex Mono (lokāli) kodiem — DevEUI, numuri, laika zīmogi.
     Skaitļiem vienmēr font-variant-numeric: tabular-nums (sk. .mv_num),
     lai vērtības atjaunojoties "nelēkātu".
     ------------------------------------------------------------------------ */
  --mv-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
  --mv-font-display: 'MV Trueno', var(--mv-font-sans);
  --mv-font-mono: 'IBMPlexMono-Medium', ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --mv-text-xs: 12px;                /* sīkas etiķetes, nozīmītes */
  --mv-text-sm: 14px;                /* sekundārais teksts, tabulas šūnas */
  --mv-text-base: 15px;              /* lapas pamatteksts (kā līdz šim) */
  --mv-text-md: 16px;                /* pamatteksts; arī ievades lauki (iOS nezoomē) */
  --mv-text-lg: 18px;                /* kartītes virsraksts */
  --mv-text-xl: 22px;                /* galvenais rādījums kartītē */
  --mv-text-2xl: 26px;               /* lapas virsraksts */
  --mv-text-3xl: 32px;               /* lieli rādītāji */

  --mv-leading-tight: 1.2;
  --mv-leading-normal: 1.45;

  --mv-weight-regular: 400;
  --mv-weight-medium: 500;
  --mv-weight-semibold: 600;
  --mv-weight-bold: 700;

  /* ------------------------------------------------------------------------
     KUSTĪBA — īsas, maigas pārejas. prefers-reduced-motion tās nulle (zemāk).
     ------------------------------------------------------------------------ */
  --mv-duration-fast: 120ms;
  --mv-duration: 180ms;
  --mv-duration-slow: 280ms;
  --mv-ease: cubic-bezier(0.2, 0, 0, 1);

  /* ------------------------------------------------------------------------
     IZMĒRI — pieskāriena mērķis (WCAG 2.5.5 / Apple HIG) un čaulas joslas.
     ------------------------------------------------------------------------ */
  --mv-touch: 44px;                  /* min. pieskāriena laukums pogām/saitēm */
  --mv-control-h: 40px;              /* ievades/pogu augstums datorā */
  --mv-app-bar-h: 56px;              /* augšējā josla */
  --mv-bottom-nav-h: 60px;           /* apakšējā navigācija telefonā */

  /* ------------------------------------------------------------------------
     SLĀŅI (z-index) — viena skala, lai pārklājumi nesacenstos nejauši.
     Velkamie logi saņem z-index no JS (top_window_z: 1, 2, 3...), tādēļ
     čaulas joslas ir virs tiem, bet paziņojumi un dialogi — virs visa.
     ------------------------------------------------------------------------ */
  --mv-z-sticky: 20;                 /* lipīgas tabulas galvenes/kolonnas */
  --mv-z-app-bar: 1000;              /* augšējā un apakšējā josla */
  --mv-z-sheet: 1100;                /* filtru panelis telefonā (apakšējā lapa) */
  --mv-z-overlay: 9999;              /* sesijas beigu dialogs */
  --mv-z-toast: 999999;              /* paziņojumi */
  }

/* Plašākos ekrānos lielāka sānu atkāpe — vairāk "elpas" ap saturu. */
@media (min-width: 768px){
  :root{
    --mv-gutter: 24px;
    }
  }
@media (min-width: 1280px){
  :root{
    --mv-gutter: 32px;
    }
  }

/* Lietotāji, kas OS iestatījumos izvēlējušies mazāk kustību, pārejas
   nesaņem — saturs mainās uzreiz (WCAG 2.3.3). */
@media (prefers-reduced-motion: reduce){
  :root{
    --mv-duration-fast: 0ms;
    --mv-duration: 0ms;
    --mv-duration-slow: 0ms;
    }
  }