/* =========================================================
   Easy Eiendom, Genesis-retningen. TOKENS.
   Fargeskjemaet er Mineral (valgt 2026-09-06, låst 2026-09-10).
   Målene er målt på genesis.ai ved 1440 px; se
   referanse/genesis-ai/GENESIS-AI-ANALYSE.md. Endre verdier HER,
   aldri i en side. En side som trenger en annen verdi, er et avvik
   som skal skrives inn i DESIGN.md før den får den.
   ========================================================= */

/* Fontene ligger som kopi i assets/fonts (bare de variable filene). */
@font-face{font-family:"Hanken Grotesk";src:url("../assets/fonts/hanken-grotesk/variable/HankenGrotesk%5Bwght%5D.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../assets/fonts/jetbrains-mono/variable/JetBrainsMono%5Bwght%5D.ttf") format("truetype");font-weight:100 800;font-display:swap}

:root{
  /* Farger, Mineral. Siden er hvit, kortene svakt tonet, tonen er kjølig grågrønn.
     Ryddet 2026-09-12: plass og plass-tekst gikk i knapp-graa og tone-tekst (avstand 15 og 5),
     de fire mørke ble to (blekk og knapp-moerk), dempet tekst på mørkt kort er ett nivå. */
  --side-bg:#ffffff;
  --kort:#f2f4f2;
  --blekk:#1b1f1e;
  --dempet:#818784;
  --dempet-lys:rgba(255,255,255,.6);
  --lys:#c5d3cf;
  --regel:#b9c4c0;
  --knapp-graa:#dfe3e0;
  --knapp-moerk:#25302d;
  --overlegg:rgba(17,21,22,.95);
  --tone-tekst:#4a5754;
  --tone-lenke:rgba(27,31,30,.4);
  --hvit:#ffffff;              /* tekst og knapp på film */
  --lys-dempet:rgba(197,211,207,.6); /* for nettlesere uten color-mix (Safari før 16.2); se @supports under */

  /* Eierens valgte Verdi-seksjon, 2026-09-24: tre rolige fagområder (DESIGN.md). */
  --foundation-data-bg:#e2ece5;
  --foundation-tech-bg:#e4ebf4;
  --foundation-expertise-bg:#f2e8d8;

  /* Grafer i Markedspuls (2026-09-24, DESIGN.md §3 og §10). Fire seriefarger som følger byen i alle grafer:
     s1 Oslo, s2 Bergen, s3 Trondheim, s4 Stavanger. Dempet nok for Mineral, validert som kategorisk palett mot
     --kort: lyshet og metning innenfor båndet, fargeblinde skiller nabopar (ΔE 8,4), kontrast minst 3:1.
     Hele landet og andre enkeltserier tegnes i --blekk. Rutenett, akse og referanse er tokenene som finnes. */
  --color-s1:#2a6fb8;
  --color-s2:#c85f33;
  --color-s3:#23906a;
  --color-s4:#a8841c;
  --color-grid:var(--knapp-graa);
  --color-axis:var(--regel);
  --color-ref:var(--dempet);


  /* Mål. Under 900 px: sidemarg 14, indre 18, gap 14, strekmarg 10 (satt i grunn.css). */
  --site-maks:1760px;     /* store skjermer: innholdet stopper her og sentreres (2026-10-02) */
  --maal-kort:24ch;        /* tre tekstbredder: kort, vanlig, bred; lesespalten er rutenettets 656 px */
  --maal:34ch;
  --maal-bred:44ch;
  --sidemarg:clamp(24px,3.5vw,72px); /* vokser med vinduet: ~32 ved 900, 45 ved 1280, 56 ved 1600, 67 ved 1920 */
  --indre:22px;
  --gap:16px;
  --strek-marg:14px;
  --kortradius:16px;
  --medieradius:4px;
  --kortavstand:40px;
  --sidemarg-mobil:16px;
  --indre-mobil:18px;
  --gap-mobil:14px;
  --strek-marg-mobil:10px;

  /* Skrift. Genesis bruker Scto Grotesk A + Aeonik Mono (kommersielle). */
  --sans:"Hanken Grotesk",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;

  /* Bevegelse. Avdekkingens tider står i avdekking.js. Hover er alltid --t-hover; menyen .6 s og innfadinger 1 s har egne roller. */
  --t-hover:.35s;

  /* Dempning. To nivåer for alt som skal vike: svakt (understrek før hover, dempet tekst på mørkt kort) og dødt (lenker til sider som ikke finnes). */
  --demp-svak:.6;
  --demp-dod:.4;

  /* Understrek i løpende tekst: 1 px, alltid samme avstand. */
  --understrek-avstand:.14em;
}
@supports (color:color-mix(in srgb,red 50%,blue)){:root{--lys-dempet:color-mix(in srgb,var(--lys) 60%,transparent)}}