/* Etman-tema 1.3 (docs/tema.md i Etman/etman-portal). Kopieres ordrett til hver løsning, sammen med
   mappa fonter/ (Barlow 400/500/600 + Barlow Semi Condensed 500/600 og OFL.txt) ved siden av fila.
   Lastes før løsningens eget stilark. Løsningen peker sine egne variabler hit (--min-farge: var(--e-skall))
   og endrer aldri verdiene her; ny verdi = ny versjon i portal-repoet, kopieres ut til alle.
   Fasit for verdiene: portalens static/style.css og DESIGN.md. */

@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonter/barlow-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonter/barlow-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonter/barlow-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonter/barlow-semi-condensed-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonter/barlow-semi-condensed-latin-600-normal.woff2") format("woff2"); }

:root {
  --e-font: "Barlow", system-ui, "Segoe UI", Arial, sans-serif;
  --e-font-tall: "Barlow Semi Condensed", "Barlow", system-ui, sans-serif;  /* tall og smale tabeller */
  --e-font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  --e-papir: #f4f4f4;          /* sidebunn */
  --e-flate: #ffffff;          /* bokser, tabeller, felt, stille knapp */
  --e-flate-dempet: #eef0ed;   /* nøytral brikke, spor, kodebakgrunn på hvit flate */
  --e-blekk: #1d1d1b;          /* hovedtekst */
  --e-grafitt: #474b48;        /* sekundærtekst */
  --e-dempet: #646a66;         /* metadata, etiketter, hjelpetekst */
  --e-linje: #dcdfdb;          /* skillelinjer og boksstrek */
  --e-kant: #9aa39d;           /* hover-strek på knapper */
  /* Fra 1.3: strek rundt felt (input, select, textarea) med minst 3:1 mot flaten (WCAG 1.4.11):
     3,8:1 mot --e-flate, 3,5:1 mot --e-papir. Hover på felt er --e-dempet. */
  --e-feltkant: #7d847f;

  --e-skall: #006c43;          /* Etman mørkegrønn: primærknapp, valgt chip/fane, topplinje */
  --e-skall-dyp: #00563a;      /* hover på primærknapp */
  /* Mørkt (fra 1.2): --e-skall er en lysere skallgrønn (#2b8256), så primærknapp, valgt chip og valgt
     fane skiller seg fra flaten (3,5:1) og hvit tekst oppå holder 4,7:1. Før var den #0d3b28, nesten
     samme tone som --e-flate. Portalens egen meny beholder den mørke tonen i portalens stilark. */
  --e-skall-tekst: #ffffff;    /* tekst på skall */
  --e-aksent: #006c43;         /* lenker og tekst i aksentfarge */
  --e-ikon: #006c43;           /* ikoner, prikker, markeringer */
  --e-lysgronn: #85c400;       /* Etman lysegrønn: flate, bånd, prikk – aldri tekst */
  --e-lysgronn-tint: #eef6d6;  /* hover og valgt rad, brikke, ok-melding */
  --e-lysgronn-tekst: #1d1d1b; /* tekst oppå lysgrønt */
  --e-gul: #fde63e;            /* bare TEST-lapp og søketreff */
  --e-gul-tekst: #00432a;

  --e-ok: #1e6b3a;             /* ok-tekst (ok-flate = --e-lysgronn-tint) */
  --e-feil: #b3261e;           /* bare feil og farlige handlinger */
  --e-feil-tint: #fbe9e7;
  --e-varsel: #7a5200;
  --e-varsel-tint: #fdf3d3;
  --e-info: #2f5e8c;           /* nøytral info der grønt ville bety «ok» */
  --e-info-tint: #e8f0f8;

  --e-fokus: #006c43;          /* 2 px omriss, 2 px avstand */
  --e-skygge: rgba(16, 32, 24, .16);
  --e-bak: rgba(23, 32, 27, .45); /* bakteppe bak skuff/panel på mobil */

  --e-r-lapp: 2px;
  --e-r: 6px;                  /* knapp, felt, ikonknapp, melding */
  --e-r-boks: 8px;             /* boks, panel, tabellramme */
  --e-r-kort: 10px;
  --e-r-pille: 999px;

  --e-hoyde: 38px;             /* knapp og felt */
  --e-hoyde-liten: 30px;
  color-scheme: light dark;
}
/* Mørkt: enheten ber om det og brukeren har ikke valgt lyst, eller data-tema="mork" er satt.
   De to blokkene skal være like. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="lys"]) {
    --e-papir: #111613; --e-flate: #18201c; --e-flate-dempet: #212a25; --e-blekk: #e6ebe7; --e-grafitt: #b6bfb9;
    --e-dempet: #8f9a93; --e-linje: #2a342f; --e-kant: #5d6862; --e-feltkant: #6b7770;
    --e-skall: #2b8256; --e-skall-dyp: #1f6b46; --e-skall-tekst: #ffffff; --e-aksent: #bfe0c9; --e-ikon: #a9d13c;
    --e-lysgronn-tint: #1e2914; --e-gul: #f2d935; --e-gul-tekst: #1b2b10;
    --e-ok: #9fd9ac; --e-feil: #ff8a80; --e-feil-tint: #3b2220; --e-varsel: #f0c060; --e-varsel-tint: #372e1c;
    --e-info: #9cc3ea; --e-info-tint: #1c2733;
    --e-fokus: #85c400; --e-skygge: rgba(0, 0, 0, .5); --e-bak: rgba(0, 0, 0, .6);
  }
}
:root[data-tema="mork"] {
  --e-papir: #111613; --e-flate: #18201c; --e-flate-dempet: #212a25; --e-blekk: #e6ebe7; --e-grafitt: #b6bfb9;
  --e-dempet: #8f9a93; --e-linje: #2a342f; --e-kant: #5d6862; --e-feltkant: #6b7770;
  --e-skall: #2b8256; --e-skall-dyp: #1f6b46; --e-skall-tekst: #ffffff; --e-aksent: #bfe0c9; --e-ikon: #a9d13c;
  --e-lysgronn-tint: #1e2914; --e-gul: #f2d935; --e-gul-tekst: #1b2b10;
  --e-ok: #9fd9ac; --e-feil: #ff8a80; --e-feil-tint: #3b2220; --e-varsel: #f0c060; --e-varsel-tint: #372e1c;
  --e-info: #9cc3ea; --e-info-tint: #1c2733;
  --e-fokus: #85c400; --e-skygge: rgba(0, 0, 0, .5); --e-bak: rgba(0, 0, 0, .6);
  color-scheme: dark;
}
:root[data-tema="lys"] { color-scheme: light; }

/* Tesla-skjermen: etman-ramme.js setter data-tesla når nettleseren er Teslaens (User-Agent med «Tesla/»).
   Bare mer kontrast i sollys; PC og mobil er som før. Inne i portalen skalerer portalen hele rammen
   (zoom 1.25), så løsningen skal ikke skalere selv. */
:root[data-tesla] { --e-dempet: #4f5551; --e-grafitt: #383b39; --e-linje: #cdd2cc; }
@media (prefers-color-scheme: dark) {
  :root[data-tesla]:not([data-tema="lys"]) { --e-dempet: #a6b0a9; --e-grafitt: #c9d1cb; --e-linje: #36423b; }
}
:root[data-tesla][data-tema="mork"] { --e-dempet: #a6b0a9; --e-grafitt: #c9d1cb; --e-linje: #36423b; }

/* Utskrift (fra 1.3), også via Citrix: feltene får en mørk grå strek som syns på hvitt papir, uansett tema. */
@media print {
  :root, :root:not([data-tema="lys"]), :root[data-tema="mork"] { --e-feltkant: #646a66; }
}