/* Privatnorsk – Marken-Tokens (Entwurf, belegte Werte aus privatnorsk-app-konzept/tokens.css,
   privatnorsk-homepage/v2/DESIGN-CHECK.md und lehrbuch-A1-B2/satz/DESIGNCHECK.md).
   Fonts: Pfade an das Projekt anpassen; woff2 lokal mitliefern (SIL OFL). */
@font-face{font-family:"Schibsted Grotesk";src:url(fonts/schibsted-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url(fonts/schibsted-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url(fonts/schibsted-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  /* Marke */
  --pn-red:#B84A4F;      /* 4,54:1 auf Off-White → nur fett/kurz als Text; Weiß darauf 5,08:1 */
  --pn-navy:#263759;     /* 10,58:1 auf Off-White */
  --pn-offwhite:#F3F2EF;
  --pn-pink:#E9B9B7;     /* Navy darauf 6,82:1 */

  /* Text und Linien (Website/Druck) */
  --pn-text:#4A5470;     /* 6,72:1 auf Off-White */
  --pn-text-small:#59627C;/* 5,42:1 */
  --pn-line:#DCD8CF; --pn-line-strong:#BDB7AB;

  /* Abstufungen (App, aus Markenfarben gemischt) */
  --pn-red-deep:#93383D; --pn-red-ink:#7A3035; --pn-red-tint:#F6E2E0;
  --pn-navy-deep:#1A2640; --pn-navy-70:#5A6478; --pn-navy-30:#C3C8D3; --pn-navy-tint:#DDE2EC; --pn-navy-mist:#EEF0F4;
  --pn-pink-soft:#F6E6E4; --pn-sun:#EFCCBF;
  --pn-moss:#2F6B50; --pn-moss-deep:#22513C; --pn-moss-ink:#1F4A37; --pn-moss-tint:#DCEBE2;
  --pn-snow:#FBFAF8; --pn-white:#FFFFFF;

  /* Niveaufarben */
  --pn-a1:#3B6E52; --pn-a2:#336791; --pn-b1:#9F5F14; --pn-b2:#B84A4F;

  /* Semantik (hell) */
  --bg:var(--pn-offwhite); --surface:var(--pn-snow); --text:var(--pn-navy); --text-2:var(--pn-navy-70);
  --line:#E3E1DC; --focus:var(--pn-navy);
  --primary:var(--pn-navy); --accent:var(--pn-red);
  --ok:var(--pn-moss); --ok-bg:var(--pn-moss-tint); --err:var(--pn-red); --err-bg:var(--pn-red-tint); --err-ink:var(--pn-red-ink);

  /* Typo */
  --font-head:"Schibsted Grotesk",system-ui,sans-serif;
  --font-body:"Figtree",system-ui,sans-serif;
  --fs-xs:13px; --fs-s:15px; --fs-m:17px; --fs-l:20px; --fs-xl:26px; --fs-2xl:32px; --fs-num:44px;
  --lh-tight:1.15; --lh:1.45;

  /* Form */
  --r-s:10px; --r-m:16px; --r-l:22px; --r-xl:28px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;
  --tap:48px; /* Hausregel: mind. 44 px */
  --shadow-1:0 1px 2px rgba(38,55,89,.06),0 4px 14px rgba(38,55,89,.07);

  /* Bewegung */
  --m-fast:160ms; --m-base:240ms; --m-slow:400ms;
  --m-ease-out:cubic-bezier(.22,1,.36,1); --m-ease-in:cubic-bezier(.4,0,1,1);
}

/* Dunkles Thema (Homepage „Nordlys“-Werte aus DESIGN-CHECK v2) */
:root[data-theme="dark"]{
  --bg:#0E1626; --surface:#17223A; --text:#EEF0F6; --text-2:#B7BFD3; --accent:#F08A8E; --focus:#EEF0F6;
}

@media (prefers-reduced-motion:reduce){:root{--m-fast:0ms;--m-base:0ms;--m-slow:0ms}}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--focus);outline-offset:2px}