/*
 * Klikbo — fælles farver og typografi for produkterne (Booking, Portal, status).
 * Kilde: booking.klikbo.dk og portal.klikbo.dk (.tema-klikbo i portalens globals.css)
 * bruger allerede præcis disse værdier. Ret her først, og kopiér derefter videre.
 * Kundesider (hjemmesiderne) har deres eget udtryk og bruger IKKE disse.
 */
:root {
  /* flader */
  --kb-canvas: #fbf6ee;   /* creme side */
  --kb-surface: #ffffff;  /* kort */
  --kb-surface-2: #f6f1e8;
  --kb-line: #e6ddd0;
  /* tekst (≥ 4,5:1 mod creme/hvid) */
  --kb-ink: #1c2b2a;
  --kb-ink-2: #3f4f4d;
  --kb-muted: #6b7775;
  /* brand */
  --kb-teal: #1f4a48;     /* sidebar, mørke flader */
  --kb-coral: #ff6b57;    /* knapper (gradient-start) */
  --kb-coral-2: #ff8c42;  /* gradient-slut */
  --kb-accent: #d9532f;   /* links og tekst på lys bund */
  /* status */
  --kb-ok: #16794a;
  --kb-warn: #8a6210;
  --kb-bad: #b5432b;
  /* form */
  --kb-radius: 12px;
  --kb-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --kb-display: "Space Grotesk", Inter, system-ui, sans-serif;
}