/*
  KOPI, ikke original. Kilde (redigér DER, synkronisér herind — ikke omvendt):
  "Stougaard Plan/09_Udvikling/Byggeplads/Design/tokens.css" (Google Drive-vaulten).
  Kopieret ind i app/static/ 2026-09-05 (runde 2b) så appen kan servere den uden
  afhængighed af Drive-mounten i produktion.

  Byggeplads — design tokens
  Afledt af Claude Design-retning 1b "Status og frist", 2026-09-04.
  Kilde: https://claude.ai/design/p/0c32ba14-53ae-4c36-9eae-1b51a8660b4f?file=Byggesager.dc.html
  Farver er pixel-samplet fra skærmbilleder (DesignSync ikke tilgængeligt i denne session)
  — verificér mod faktisk kildekode ved Handoff to Claude Code eller når DesignSync virker.
  Bruges IKKE sammen med STPL's egne design-tokens (dette er et separat brand).
*/

:root {
  /* Farver — baggrund og tekst */
  --bp-bg: #FFFFFF;
  --bp-text-primary: #1B2126;
  --bp-text-secondary: #4B5560;

  /* Farver — status/accent (tekst-sikre, alle ≥4,5:1 mod hvid) */
  --bp-accent-critical: #A63A2B;   /* i fare / mangler — 6,44:1 */
  --bp-accent-positive: #3F6B46;   /* klar / godkendt — 6,17:1 */
  --bp-accent-warning: #96670D;    /* halvvejs / venter, RETTET for tekst — 4,95:1 */

  /* Rå amber KUN til store dekorative flader/linjer ≥3px, ALDRIG til tekst eller tal.
     Målt til 2,95:1 mod hvid — fejler WCAG AA selv for stor tekst. */
  --bp-accent-warning-surface-only: #C98A12;

  /* Sekundær knap */
  --bp-button-secondary-bg: #EEF2F5;
  --bp-button-secondary-text: var(--bp-text-primary);
  /* Loop 5, Kate (Port 2): hover-tilstande var hardkodede hex i
     byggeplads.css (#33393f/#e2e8ed) — flyttet ind som tokens, så et
     fremtidigt farveskift kun sker ét sted. */
  --bp-button-secondary-hover: #E2E8ED;

  /* Primær knap (mørk neutral, ikke accentfarve) */
  --bp-button-primary-bg: #1B2126;
  --bp-button-primary-text: #FFFFFF;
  --bp-button-primary-hover: #33393F;

  /* Kant/linje — dekorativ, lav opacitet, jf. design-metode Port 2 punkt 6.
     KUN til skillelinjer (tabelrækker, kort-underdeling) — ikke til
     formkontroller, som har brug for en kant der reelt kan SES uden at
     zoome ind (≥3:1, WCAG 1.4.11 "non-text contrast"). */
  --bp-border-subtle: rgba(27, 33, 38, 0.12);
  /* Loop 5, Kate (Port 2, punkt 6): input/select/textarea og sekundærknap
     brugte samme lave-opacitet `--bp-border-subtle` som skillelinjerne —
     målt til under 3:1 mod hvid, under WCAG 1.4.11-kravet til
     formkontrollers kant. Denne er mørkere/tydeligere, ≥3:1.
     Loop 6-fund (Flemming): 0.45 var reelt ≈2,79:1 mod --bp-bg, under
     kravet — sat op til 0.52, beregnet ≈3,40:1 mod hvid. Se
     tests/test_design_tokens.py, som beregner dette ved kørsel, så det
     ikke glider igen. */
  --bp-border-control: rgba(27, 33, 38, 0.52);

  /* Fokusring — skal være mindst lige så synlig som browserens native ring.
     Ikke verificeret i den genererede retning (kun default-tilstand vist) —
     dette er en sikker standardværdi, test mod faktisk komponent ved implementering. */
  --bp-focus-ring-color: #1B2126;
  --bp-focus-ring-width: 2px;
  --bp-focus-ring-offset: 2px;

  /* Typografi */
  --bp-font-family: Helvetica, Arial, sans-serif;
  --bp-font-numeric-variant: tabular-nums;

  --bp-font-size-display: 40px;   /* store status-tal (9 / 23 / 7) */
  --bp-font-weight-display: 700;

  --bp-font-size-h1: 28px;        /* sidetitel, sagsnavn */
  --bp-font-weight-h1: 700;

  --bp-font-size-body: 16px;      /* brødtekst, tabelindhold */
  --bp-font-weight-body: 400;

  --bp-font-size-label: 12px;     /* versal-labels, tidsstempler */
  --bp-font-weight-label: 500;
  --bp-letter-spacing-label: 0.04em;

  /* Spacing-skala — web-standard fra design-metode Port 2 punkt 1.
     Ikke målt maskinelt i denne runde, brug som anbefalet standard ved implementering. */
  --bp-space-1: 4px;
  --bp-space-2: 8px;
  --bp-space-3: 12px;
  --bp-space-4: 16px;
  --bp-space-5: 24px;
  --bp-space-6: 32px;
  --bp-space-7: 48px;
  --bp-space-8: 64px;

  /* Radius */
  --bp-radius-card: 8px;
  --bp-radius-button: 6px;

  /* Accentkant på statuskort (venstre side, 3-4px i statusfarve) */
  --bp-card-accent-width: 4px;
}