:root {
  --bg: #f4f6f8;
  --card: #ffffff;
  --ink: #1c2733;
  --muted: #7a8794;
  --brand: #1f6feb;
  --brand-dark: #1857b8;
  --ok: #1a7f4b;
  --fejl: #c0392b;
  --border: #e3e8ee;
  --radius: 12px;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--ink);
}

a { color: var(--brand); }

.muted { color: var(--muted); }
.small { font-size: 0.85rem; }
.fejl { color: var(--fejl); }

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.5rem;
}

.status { margin: 0.5rem 0 0; font-weight: 600; }
.status.ok { color: var(--ok); }
.status.fejl { color: var(--fejl); }

/* Besøgsindikatoren styres pr. domæne via /api/online-settings, også i preview. */

/* Fødselsdagstema – admin-toggle */
.fd-toggle { flex-direction: row !important; align-items: center; gap: 0.5rem; font-weight: 600; color: var(--ink) !important; }
.fd-toggle input { width: 18px; height: 18px; }