/* ============================================================
   FLOW-AID -- brand.css
   particulair.eu/flow-aid/

   DETTE ER DEN ENESTE FIL, DER SKAL AENDRES, NAAR PIOTRS
   FARVESKEMA OG LOGO LIGGER FAST.

   Filen indlaeses EFTER shared.css og overskriver derfor
   paletten der. Rediger vaerdierne herunder, ryd browserens
   cache, og hele sitet skifter farve. Ingen andre filer skal
   roeres.

   Status 2. august 2026: midlertidig palette.
   Vaerdierne er Particulairs husfarver, som de staar i
   Ex-Vac og FlexCore. Logoudkastene fra Piotr ligger paa
   samme akse -- moerk navy plus amber -- men den praecise
   navy i logoet ser moerkere ud end husets #2d475c.
   De endelige hexvaerdier mangler fortsat.
   ============================================================ */

:root {

  /* ---- Primaerfarver ---------------------------------------
     --cta-primary   Amber. Kun til knapper og CTA'er.
     --brand-blue    Signalblaa. Overskrifter, links, footerkant.
     --text-main     Antracit. Broedtekst.
     ------------------------------------------------------- */
  --cta-primary:       #e58d25;
  --cta-primary-hover: #c47720;
  --brand-blue:        #175e94;
  --brand-blue-hover:  #134e7c;
  /* --text-soft og --text-meta blev moerkere 5. august 2026 efter
     Beata Piechockas review. De gamle vaerdier faldt under WCAG 2.2
     AA's krav paa 4,5:1: #5a7186 gav 4,31:1 paa --bg-soft, og #939598
     gav 3,00:1 paa hvid og 2,67:1 paa --bg-muted (footeren).
     Maalt paa hvid / --bg-muted / --bg-soft:
       --text-main #2d475c : 9,69 / 8,62 / 8,24
       --text-soft #52697e : 5,71 / 5,07 / 4,85
       --text-meta #616a76 : 5,48 / 4,88 / 4,66
     Bemaerk: --text-meta kan ikke laengere vaere en let graa. Under et
     krav paa 4,5:1 findes der ingen lys graa, der kan baere tekst paa
     hvid. Hierarkiet hviler derfor nu ogsaa paa farvetone og stoerrelse.
     Se Claude-docs/kontrast-og-aria-analyse.md. */
  --text-main:         #2d475c;
  --text-soft:         #52697e;
  --text-meta:         #616a76;

  /* ---- Baggrunde ---------------------------------------- */
  --bg-main:  #ffffff;
  --bg-soft:  #e3eef9;
  --bg-muted: #eef2f7;

  /* ---- Accenter og kanter -------------------------------- */
  --accent-blue:      #a6c9e3;
  --accent-blue-dark: #7eb0d6;
  --border-light:     #e2e8f0;
  --border-medium:    #cbd5e1;

  /* ---- Layout -------------------------------------------
     Aendres normalt ikke sammen med farveskemaet.
     ------------------------------------------------------- */
  --max: 1200px;
  --header-h: 76px;
}

/* ============================================================
   OVERSAETTELSESLAG for arvet CSS
   ============================================================

   Wikien og artikelskabelonen er hentet fra Ex-Vac, og Ex-Vac
   bruger et andet navnesaet til sine farver end vi goer. 28
   variabler var derfor udefinerede, og en udefineret variabel
   giver ingen vaerdi. Det var derfor soegebaandet i wikien stod
   uden baggrund, saa teksten scrollede igennem det.

   Herunder oversaettes Ex-Vacs navne til vores palette. Tonerne
   udregnes fra --cta-primary og --brand-blue med color-mix, saa
   de foelger med, naar Piotrs farver laegges ind ovenfor. Hver
   linje har en fast vaerdi foerst som reserve til browsere uden
   color-mix.

   Bygges wikien eller artiklen om paa vores egne klassenavne en
   dag, kan hele denne blok slettes.
   ============================================================ */

:root {
  --white:        #ffffff;

  --gray-50:      #f5f7fa;
  --gray-50:      color-mix(in srgb, var(--bg-muted) 60%, #ffffff);
  --gray-200:     var(--border-light);
  --gray-300:     var(--border-medium);
  --gray-500:     var(--text-meta);
  --gray-700:     var(--text-soft);
  --gray-900:     var(--text-main);

  --color-border: var(--border-light);
  --color-muted:  var(--text-meta);

  --primary:      var(--cta-primary);

  --amber-50:     #fdf6ec;
  --amber-50:     color-mix(in srgb, var(--cta-primary) 8%,  #ffffff);
  --amber-100:    #fbead4;
  --amber-100:    color-mix(in srgb, var(--cta-primary) 16%, #ffffff);
  --amber-200:    #f6d6ab;
  --amber-200:    color-mix(in srgb, var(--cta-primary) 32%, #ffffff);
  --amber-300:    #f0bf7c;
  --amber-300:    color-mix(in srgb, var(--cta-primary) 52%, #ffffff);
  --amber-500:    var(--cta-primary);

  --blue-50:      #eff5fb;
  --blue-50:      color-mix(in srgb, var(--brand-blue) 7%,  #ffffff);
  --blue-100:     #dbe9f5;
  --blue-100:     color-mix(in srgb, var(--brand-blue) 15%, #ffffff);
  --blue-800:     var(--brand-blue);
}