:root {
  /* Farvepalette: Jord, maskiner og miljø */
  --khx-gf-bg-dark: #1E252B;       /* Skifergrå / mørk antracit */
  --khx-gf-surface-dark: #2A343D;  /* Lidt lysere kort/paneler */
  --khx-gf-accent-orange: #F59E0B; /* Maskin-orange / Flow */
  --khx-gf-accent-hover: #D97706;  /* Mørkere orange ved hover */
  --khx-gf-status-green: #10B981;  /* Godkendt / grønne arealer */
  --khx-gf-status-danger: #EF4444; /* Faregrænse under brændpunkt */

  /* Neutrale farver og baggrunde */
  --khx-gf-bg-page: #F8FAFC;       /* Lys sand / neutral baggrund */
  --khx-gf-card-bg: #FFFFFF;       /* Rene hvide kort */
  --khx-gf-border: #E2E8F0;        /* Diskret ramme */
  --khx-gf-border-focus: #CBD5E1;

  /* Typografi og tekstfarver */
  --khx-gf-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --khx-gf-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --khx-gf-text-main: #0F172A;     /* Primær mørk tekst */
  --khx-gf-text-muted: #64748B;    /* Sekundær / hjælpetekst */
  --khx-gf-text-inverse: #FFFFFF;  /* Hvid tekst på mørk bund */

  /* UI dimensioner */
  --khx-gf-radius-sm: 4px;
  --khx-gf-radius-md: 8px;
  --khx-gf-radius-lg: 12px;
  --khx-gf-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --khx-gf-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}