/* aitimes designsystem 1.1 · tokens
   Én lys side. Mørke flader er fremhævelse, aldrig en hel tilstand.
   Alle kontrasttal er målt (WCAG 2.1) og står i brandbogen. */
:root{
  color-scheme:light;

  /* Flader */
  --bund:#F4F4F1;        /* sidens bund */
  --kort:#FFFFFF;        /* kort, felter, tabeller */
  --spor:#E3E6DE;        /* skalaens spor, tomme søjler, rolige flader */
  --linje:#DDE0D8;       /* hårfine skillelinjer og kortkanter */
  --kant:#7A8B88;        /* kant på felter og knapper, der skal kunne ses: 3,2:1 */
  --graa:#C9CFC4;        /* bånd i figurer, slukkede mærker */

  /* Blæk */
  --blaek:#14282B;       /* overskrifter, brødtekst, tal: 13,9:1 */
  --blaek-2:#44595A;     /* manchet, forklaringer: 6,8:1 */
  --blaek-3:#5E7170;     /* små etiketter, akser, kildelinjer: 4,7:1 */

  /* Rust: accenten. Prikken, det ene tal, den ene knap */
  --rust:#B95031;        /* flader, mærker i figurer, tekst fra 24 px */
  --rust-dyb:#9C4127;    /* rust som lille tekst: kickers, links: 6,0:1 */
  --rust-lys:#F6E6DF;    /* rolig rustflade */

  /* Salvie: medspilleren. Det rolige, det gennemførte */
  --salvie:#4C7169;
  --salvie-dyb:#3D5F58;  /* salvie som lille tekst: 5,9:1 på lys salvie */
  --salvie-lys:#E4ECE6;

  /* Blækfladen: den mørke fremhævelse */
  --flade-blaek:#14282B;
  --flade-blaek-2:#1E3437;   /* løftet felt på blæk */
  --paa-blaek:#FFFFFF;
  --paa-blaek-2:#C4D2CE;     /* 9,8:1 */
  --paa-blaek-3:#A9BBB7;     /* 7,7:1 */
  --paa-blaek-linje:#34494B;
  --rust-paa-blaek:#F0A589;  /* fremhævet tal og tekst på blæk: 7,6:1 */

  /* Datafarver: fast rækkefølge, aldrig i ring. Valideret for farveblindhed */
  --data-1:#B95031;  /* rust */
  --data-2:#1F6A9C;  /* blå */
  --data-3:#A97F0A;  /* okker */
  --data-4:#8C3F82;  /* blomme */
  --data-5:#2B946F;  /* grøn */
  --data-rest:#C9CFC4;       /* alt andet, når én serie er pointen */
  --data-ref:#14282B;        /* referencen: ringen, den tynde linje */

  /* Ordnet skala i fire trin (lys til mørk rust) */
  --trin-1:#DBA18C; --trin-2:#CB7C61; --trin-3:#A3442A; --trin-4:#6E2A17;   /* blæk på trin 1 og 2, hvid på trin 3 og 4 */
  /* To retninger: rust mod blå, grå i midten */
  --minus-2:#1F6A9C; --minus-1:#86B3D2; --nul:#E3E6DE; --plus-1:#DBA18C; --plus-2:#B95031;

  /* Status som flade + tekst, altid med ord */
  --god-flade:#E4ECE6;   --god-tekst:#3D5F58;
  --obs-flade:#F4ECD2;   --obs-tekst:#6F5200;
  --rolig-flade:#E3E6DE; --rolig-tekst:#44595A;
  --fejl-flade:#F6E6DF;  --fejl-tekst:#9C4127;

  /* Skrift */
  --sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'IBM Plex Serif',Georgia,'Times New Roman',serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --t-display:clamp(2.375rem,6.2vw,4.75rem);   /* 38 til 76 px: værktøjer og forsider */
  --t-h1:clamp(2rem,4.4vw,3.25rem);            /* 32 til 52 px: artikler */
  --t-h2:clamp(1.625rem,3vw,2.125rem);         /* 26 til 34 px */
  --t-h3:1.375rem;                             /* 22 px */
  --t-manchet:clamp(1.125rem,1.7vw,1.375rem);  /* 18 til 22 px */
  --t-broed:1.125rem;                          /* 18 px */
  --t-lille:.9375rem;                          /* 15 px */
  --t-fin:.84375rem;                           /* 13,5 px: mindste tekst */
  --t-kicker:.75rem;                           /* 12 px mono, versaler */
  --t-tal-xl:clamp(3.5rem,9vw,6rem);           /* 56 til 96 px */
  --t-tal-l:2.75rem;                           /* 44 px */
  --t-tal-m:2.125rem;                          /* 34 px */

  /* Afstand: 4-tals rytme */
  --a1:4px; --a2:8px; --a3:12px; --a4:16px; --a5:24px; --a6:32px; --a7:48px; --a8:72px; --a9:112px;

  /* Form */
  --r-maerke:5px; --r-felt:12px; --r-kort:16px; --r-flade:20px; --r-pille:999px;
  --streg:1px; --streg-2:1.5px; --streg-3:2px; --fokus:3px;
  --skygge:0 10px 30px rgba(20,40,43,.12);     /* kun på lag, der svæver: lister, menuer */

  /* Mål */
  --b-spalte:680px;      /* artiklens læsespalte */
  --b-data:1040px;       /* datasider og værktøjer */
  --b-side:1240px;       /* forside og lister */
  --rende:max(16px,5vw);

  /* Bevægelse */
  --let:150ms ease; --tegn:700ms cubic-bezier(.4,0,.2,1);
}