/*
 * Designtokens.
 *
 * Hentet direkte fra Figma-filen `Csomp1lrZoKKk9ir8ADzus` med Figmas eget
 * variabel-API — ikke aflæst af et skærmbillede. Ændres en værdi i designet,
 * er det her, den skal rettes, og så gælder den hele sitet.
 *
 * Bemærk `--c-dark-green` og `--c-img-stroke`: de har SAMME navn og værdi i
 * playeren (`Webplayer/src/theme.css`). Designsystemet er fælles på tværs af
 * site og player, og det er ikke et tilfælde — kunden møder begge.
 */

:root {
  /* ---- Farver ---- */
  --c-text: #0d3f44;              /* color/text/primary */
  --c-text-sub: #3b6f74;          /* color/text/sub */
  --c-ink: #031011;               /* color/text/default — løbende tekst */
  --c-bg: #f0f2f0;                /* color/background/default */
  --c-bg-subtle: #e9ede9;         /* color/background/subtle */
  --c-border: #849494;            /* color/border/default */
  --c-border-strong: #32746d;     /* color/border/strong */
  --c-border-light: #afcfba;      /* color/border/light */
  --c-bg-focus: #8ab0ac;          /* color/background/focus */
  --c-input-focus: #bdcc00;       /* input-border-focus */
  --c-input-fejl: #ae241a;        /* input-border-focus, fejl-varianten */
  --c-white: #ffffff;

  --c-racing-green: #1e3536;
  --c-racing-green-600: #182a2b;
  --c-racing-green-200: #4b5d5e;
  --c-signal: #f0ff00;            /* colors/signal */
  --c-signal-600: #c0cc00;        /* colors/signal-600 */

  /* Delt med playeren — se filhovedet. */
  --c-dark-green: #234a4b;
  --c-img-stroke: #ffffff;

  /* ---- Radius ---- */
  --r-lg: 16px;
  --r-xlg: 24px;
  --r-full: 200px;

  /*
   * ---- Skala ----
   *
   * Figmas "Scale REM"-skala, som den er. Navnene er designets egne tal, så
   * en værdi i Figma kan slås direkte op her uden omregning. Springer
   * rækken (ingen 200, 400, …), er det fordi de trin ikke bruges på forsiden.
   */
  --s-100: 4px;
  --s-300: 12px;
  --s-500: 20px;
  --s-600: 24px;
  --s-1000: 40px;
  --s-1300: 52px;
  --s-1500: 60px;
  --s-1700: 68px;
  --s-1900: 76px;
  --s-2000: 80px;
}