/* ============================================================
   et kreativt bureau: brandets værdier ét sted (brandguide 3.0)
   Farver og skriftstakke. Ingen regler for elementer her, kun værdier.
   App-siderne får filen via colors_and_type.css (@import), de
   enkeltstående sider (login, mfa-setup, godkend, saelger) med <link>.
   Vagt-testen (scripts/brand-v2.test.mjs) afviser faste brandværdier
   uden for denne fil.
   ============================================================ */
:root {
  /* ---------- Brandfarver (fem, fra guiden) ---------- */
  --ekb-green:  #005C49;   /* hovedfarve: logo, overskrifter, primærknapper, valgte tilstande, aktive faner */
  --ekb-cream:  #F7F2E6;   /* papiret: sidebaggrund og tekst på grøn flade */
  --ekb-orange: #FF921C;   /* KUN logoets punktum og understregning af links i løbende tekst */
  --ekb-sage:   #A7B79F;   /* støttefarve: lyse flader, chips */
  --ekb-ink:    #102924;   /* mørk tekst: brødtekst og al UI-tekst */
  /* Samme farver som r, g, b, så gennemsigtighed kan skrives
     rgba(var(--ekb-ink-rgb), 0.12) */
  --ekb-green-rgb: 0, 92, 73;
  --ekb-cream-rgb: 247, 242, 230;
  --ekb-ink-rgb:   16, 41, 36;

  /* ---------- Afledte værdier (fælles for alle spor) ---------- */
  --ekb-surface:     #FFFDF8;   /* kort og felter (hævet flade) */
  --ekb-sunken:      #EFEADD;   /* fordybet flade: faner, inaktive felter */
  --ekb-sage-light:  #E4EADF;   /* lys salvie: chips, valgt række */
  --ekb-text-2:      #43564F;   /* sekundær tekst, ca. 7:1 på creme */
  --ekb-text-3:      #53645D;   /* tertiær tekst og hjælpetekst, min. 4,5:1 på alle fire flader */
  --ekb-hairline:    rgba(16, 41, 36, 0.14);
  --ekb-line-strong: rgba(16, 41, 36, 0.28);   /* tydelig kant; også prikker og deaktiveret */
  --ekb-green-hover: #004A3B;
  --ekb-green-press: #003D31;

  /* ---------- Status ---------- */
  --product-positive:        #005C49;   /* ok / leveret / godkendt (= dyb grøn) */
  --product-positive-bg:     #E4EADF;
  --product-warning:         #8A5A12;   /* opmærksomhed; 4,8:1 på fordybet flade */
  --product-warning-bg:      #F6EBD6;
  --product-warning-rgb:     138, 90, 18;
  --product-negative:        #B0352F;   /* fejl / annulleret / blokeret */
  --product-negative-bg:     #F8E9E5;
  --product-negative-rgb:    176, 53, 47;
  --product-negative-line:   rgba(176, 53, 47, 0.3);   /* fejlboks, kant */
  --product-neutral-bg:      var(--ekb-sunken);   /* annulleret / gemt */
  --product-process:         var(--ekb-text-3);   /* hos klipper */

  /* ---------- Skrift ---------- */
  --font-display: 'Bricolage Grotesque', Arial, sans-serif;   /* overskrifter, vægt 600 */
  --font-sans:    'Instrument Sans', Arial, sans-serif;       /* tekst 400, UI 500 */
  /* De gamle roller peger på tekstskriften: brødtekst (før Lora) og tal (før mono,
     nu med tabular-nums, se ds-tokens.css) */
  --font-serif:   var(--font-sans);
  --font-mono:    var(--font-sans);

  /* ---------- Pigment og papir (Steffen 17/10) ----------
     Papiret: creme med fint, stillestående korn efter den godkendte opskrift (18/10-2026): matematisk støj, som browseren
     tegner (SVG i CSS'en), ingen download og ingen synlig gentagelse. De fire håndtag: baseFrequency 0.55, numOctaves 2,
     opacity 0.18, flise 240. Kun på papiret; kort og paneler er glatte. Ikke det levende filmkorn på pigmentet.
     Bruges som sidebaggrund; menulinjer, kort, felter og alt, der svæver, forbliver ensfarvede.
     Pigmentet: grøn, creme og orange, kun på indgangssiderne og sælgersidens bånd (ds/indgang.css).
     Dyb grøn ligger under billedet, til det er hentet. Brug: background: var(--ekb-paper). */
  --ekb-paper:       var(--ekb-cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23k)' opacity='0.18'/%3E%3C/svg%3E") 0 0 / 240px 240px;
  --ekb-pigment:     var(--ekb-green) url('/v2/ds/assets/pigment.webp?v=2');
  /* smalle skærme: den lille fil, men det fulde billede på skarpe skærme, så kornet ikke udviskes */
  --ekb-pigment-900: var(--ekb-green) -webkit-image-set(url('/v2/ds/assets/pigment-900.webp?v=2') 1x, url('/v2/ds/assets/pigment.webp?v=2') 2x);
}

/* Mere kontrast og tvungne farver (Windows høj kontrast): ensfarvet creme i stedet for korn */
@media (prefers-contrast: more), (forced-colors: active) {
  :root { --ekb-paper: var(--ekb-cream); }
}