@charset "UTF-8";
/*
 * Norea — tokens og fonter.
 *
 * Kontrakten er DESIGN.md (nettsmed-shared/clients/norea/DESIGN.md). Blokka «DESIGN.md v1.1» under er
 * «CSS Variables» ordrett, og endres der først, så her.
 *
 * BLÅFARGEN ER IKKE VALGT. --color-primary er en arbeidsverdi og står bare her: #242973 skal ikke
 * finnes i noen annen fil i temaet (blå-grep i portene). Når Norea har valgt blåfargen etter
 * prøvetrykket, byttes --color-primary, --color-primary-light og --color-primary-deep i denne fila,
 * og ingen andre steder. --color-info følger primary av seg selv. Tabellen over avledede verdier
 * står i DESIGN.md, Colors → Utvidet palett, og kontrasttabellen regnes på nytt.
 *
 * BRØDTEKSTVEKTEN ER ÅPEN. --font-body-weight er Light (300) til Norea og Sylvio har bestemt.
 * Velges Regular, settes 400 her. DM Sans er én variabel fil (300–600), så ingen ny fil trengs.
 */

/*
 * Fontene, lokalt (byggeplanen § 2.6 og § 7.3). Ingen Google Fonts-lenke og ingen tredjepart.
 * Filene er Google Fonts' egne woff2 (14.10.2026), delt i latin og latin-ext med unicode-range,
 * så latin-ext bare lastes når en side har tegn derfra. DM Sans er variabel på vekt, som i
 * skissene, og dekker 300, 400, 500 og 600 i én fil. Syne lastes bare i 700. Lisens: OFL, se
 * assets/fonts/OFL-*.txt. inc/assets.php preloader syne-700-latin og dm-sans-latin.
 */
@font-face {
  font-family: "Syne";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/syne-700-latin.woff2") format("woff2");
  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: "Syne";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/syne-700-latin-ext.woff2") format("woff2");
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("../fonts/dm-sans-latin.woff2") format("woff2");
  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: "DM Sans";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("../fonts/dm-sans-latin-ext.woff2") format("woff2");
  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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* DESIGN.md v1.1 «CSS Variables», ordrett */
:root {
  /* Primærpalett — primary er ARBEIDSVERDI til blåfargen er valgt */
  --color-primary: #242973;
  --color-accent: #F36B21;
  --color-surface: #E9E0D2;
  --color-ink: #000000;

  /* Utvidet palett — følger primary */
  --color-primary-light: #79789C;
  --color-primary-deep: #161946;
  --color-surface-deep: #DCD0BC;
  --color-field: #FFFFFF;
  --line: rgba(0, 0, 0, .13);

  /* Semantic — nett, foreløpig */
  /* DESIGN.md gir info samme hex som primary («= primary, bevisst»). Pekeren holder hexen ett sted */
  --color-info: var(--color-primary);
  --color-success: #2E6B3F;
  --color-warning: #7F5200;
  --color-danger: #B3261E;

  /* Typografi */
  --font-heading: "Syne", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --text-display: 2.625rem;
  --text-h1: 2rem;
  --text-h2: 1.5625rem;
  --text-h3: 1.3125rem;
  --text-body: 1.125rem;
  --text-label: 0.84375rem;
  --text-small: 0.75rem;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 5rem;
  --space-3xl: 8rem;

  /* Form */
  --radius-none: 0;
  --radius-sm: 2px;
  --measure: 62ch;
  --measure-lead: 66ch;
}

/*
 * Tillegg for temaet. IKKE i DESIGN.md ennå, føres inn når forsiden er bygget (byggeplanen § 2.2).
 * Ingen farger her: alt som har farge, kommer fra blokka over.
 *
 * --font-body-weight: brødtekstvekten, én inngang (byggeplanen § 2.5). Ingressen beholder 300 uansett.
 * --text-hero: DESIGN.md sier at hero-overskriften på nett «trolig trenger mer, med clamp() opp mot
 *   4–5rem». Starter på --text-display (2.625rem).
 * --container: innholdsbredde 1200–1320 px på desktop.
 * --sidemarg: 16 px på mobil, 32 px fra 64em.
 * --z-*: lagene. Lydspilleren (player.css) er fast nederst. Mobilmenyen ligger over den, og
 *   hopp-lenka over alt.
 */
:root {
  --font-body-weight: 300;
  --text-hero: clamp(2.625rem, 1.6rem + 3.4vw, 4.5rem);
  --container: clamp(75rem, 92vw, 82.5rem);
  --sidemarg: 1rem;
  --fokus-bredde: 3px;
  --fokus-avstand: 2px;
  --z-lydspiller: 50;
  --z-meny: 60;
  --z-hopp: 100;
}

@media (min-width: 64em) {
  :root { --sidemarg: 2rem; }
}

/*
 * Tall settes i DM Sans 600. Syne har bare minuskeltall, så «70» i en versaloverskrift kan leses som
 * «7o» (DESIGN.md Typography). Gjelder til Sylvio har svart. Bruk: <span class="tall">70</span> inne
 * i overskriften.
 */
.tall {
  font-family: var(--font-body);
  font-weight: 600;
  letter-spacing: 0;
  font-variant-numeric: lining-nums;
}