/* =====================================================================
   FARVETEMA — SEO-analyseværktøj
   Tema: Navy & Sky (blå)
   =====================================================================
   Rediger farverne her for at re-brande værktøjet.
   Alle farver bruges via var(--navn) i resten af værktøjet.

   Tip: Skift de seks "brand"-farver øverst for hurtig re-branding.
   De øvrige (status-farver) bør normalt ikke ændres, da rød/gul/grøn
   har en indlejret betydning i analysen.
   ===================================================================== */

:root {

  /* ── BRAND-FARVER (Navy & Sky) ──────────────────────────────────── */
  --teal:      #2C6DB5;   /* Primær brandfarve — knapper, links, accenter */
  --teal-dk:   #1B3A5B;   /* Mørk variant — hover, kanter, header */
  --teal-mid:  #A9CCE8;   /* Mellem variant — logo, dekorative elementer */
  --teal-lt:   #DCEAF6;   /* Lys variant — baggrunde, fremhævninger */
  --forest:    #1B3A5B;   /* Mørk baggrund — header, titler */
  --forest-lt: #5E7A95;   /* Dæmpet tekst */

  /* ── NEUTRALE BAGGRUNDE ─────────────────────────────────────────── */
  --warm:      #F5F8FB;   /* Sidebaggrund (lys blålig hvid) */
  --sand:      #E4EEF6;   /* Undertitler, kantlinjer */
  --white:     #ffffff;   /* Kort, paneler */
  --gray-lt:   #F2F5F8;   /* Logbokse, svage felter */
  --gray:      #9AA8B5;   /* Pladsholdere, dæmpede ikoner */

  /* ── STATUS-FARVER (rød/gul/grøn — skift normalt ikke) ──────────── */
  --red:       #C62828;   /* Problem / svag score */
  --red-lt:    #FDECEA;   /* Problem-baggrund */
  --green:     #1B5E20;   /* God / positiv */
  --green-lt:  #E8F5E9;   /* God-baggrund */
  --yellow:    #E65100;   /* Advarsel / middel */
  --yellow-lt: #FFF8E1;   /* Advarsel-baggrund */

  /* ── FORM & SKYGGE ──────────────────────────────────────────────── */
  --r:  10px;                              /* Hjørneradius */
  --sh: 0 2px 12px rgba(27,58,91,.10);     /* Standardskygge (blå-tonet) */

}