/* ltno.no — design tokens (v2)
 * ARVER fra Avløserkortet: assets/tokens-avloserkortet.css er kanonisk kilde for
 * farge, space, radius og shadow. Denne filen inneholder KUN deltaene ltno.no trenger.
 *
 * v2-deltaene bryter bevisst med tre arvede vaner (Roboto-alene, ingen bevegelse,
 * ingen tekstur/dybde) — begrunnelsen står i DESIGNNOTAT-v2.md. Fargesystemet er
 * urørt: alle nye grønner er avledet av Terjes brand-deep via color-mix, slik at
 * en fargeendring i Avløserkortet-fila forplanter seg hit automatisk.
 */

:root {
  /* Layout — finnes ikke i Avløserkortet-settet, som er en LMS-shell */
  --measure: 68ch;          /* maks lesebredde på brødtekst */
  --wrap: 1140px;           /* sidebredde */
  --wrap-narrow: 860px;     /* tekstsider — bredere etter 07.09, færre linjeskift */
  --sp-2xl: 4rem;           /* seksjonsavstand — 4rem etter 07.09: komprimert i høyden */

  /* Flatevarianter av brand-deep (v1-deltaer, beholdt) */
  --color-deep-tint: #eef3f0;   /* lys grønnstikk-flate, 6 % brand-deep på paper */
  --color-on-deep: #ffffff;
  --color-on-deep-mute: rgba(255, 255, 255, 0.8);
  --color-line-on-deep: rgba(255, 255, 255, 0.24);

  /* CTA-grønn på brand-deep gir 3,5:1 — nok for stor tekst, for lite for småtekst (AA
     krever 4,5:1). Denne lysere grønnen måler ~4,9:1 og brukes KUN til tekst på
     brand-deep. Aldri som flate, aldri på lys bakgrunn. */
  --color-cta-on-deep: #4ede93;

  /* v2: varm papirtone som side-bakgrunn. Arvens --color-bg (#f7f7f7) er nøytral
     skjermgrå; ltno.no er redaksjonell og trykksak-nær, og får et knapt merkbart
     varmt papir i stedet. Cards og paper-flater bruker fortsatt --color-paper. */
  --color-page: #f7f6f2;

  /* v2: avledede grønner til landskapshorisontene — alt avledes av Terjes farger,
     ingen nye brand-verdier introduseres */
  --color-deep-shade: color-mix(in srgb, var(--color-brand-deep) 74%, var(--color-ink));
  --color-deep-mist:  color-mix(in srgb, var(--color-brand-deep) 84%, var(--color-paper));
  --color-ridge-lt:   color-mix(in srgb, var(--color-brand-deep) 26%, var(--color-page));
  --color-line-strong: color-mix(in srgb, var(--color-ink) 70%, var(--color-page));

  /* v2: display-typografi. Roboto beholdes i brødtekst og UI (arven, og SCORM-
     begrunnelsen gjelder der den gjelder) — Roboto bærer også overskriftene fra 29.09.
     Samme font deles videre til Landbruksvikarkalenderen og AvløserPlan. */
  /* Roboto på overskrifter fra 29.09 — Ingrid ba om «litt mindre serif». Fraunces er ute. */
  --font-display: var(--font);
  --fw-display: 700;
  --lh-display: 1.05;
  --fs-hero: clamp(2.75rem, 6vw, 4.5rem);
  --fs-display-2: clamp(1.9rem, 3.4vw, 2.5rem);
  --fs-display-3: 1.5rem;
  --fs-fact: clamp(2.75rem, 5vw, 4rem);
  --fs-lede: clamp(1.6rem, 2.4vw, 2.125rem);   /* 08.09: forsidens lede — 34px ved 1440 */

  /* v2: motion — målt, aldri bærende. Alt bak prefers-reduced-motion-vern. */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --t-fast: 160ms;
  --t-reveal: 650ms;

  /* v2: dybde — løft på hover av kort, permanent kun på paper-kort mot mørk flate */
  --shadow-lift: 0 2px 4px rgba(0, 0, 0, 0.05), 0 14px 32px rgba(0, 0, 0, 0.10);
}