:root {
  color-scheme: light;
  --tenant-bg: #f7f8fc;
  --tenant-surface: #ffffff;
  --tenant-text: #1f2937;
  --tenant-muted: #6b7280;
  --tenant-border: #e5e7eb;
  --tenant-primary: #0f766e;
  --tenant-on-primary: #ffffff;
  --tenant-ok: #166534;
  --tenant-ok-bg: #dcfce7;
  --tenant-error: #b91c1c;
  --tenant-error-bg: #fee2e2;
}

html {
  min-height: 100%;
  background: var(--tenant-bg);
}

body {
  min-height: 100%;
  margin: 0;
  color: var(--tenant-text);
  background: var(--tenant-bg);
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button,
input,
select,
textarea {
  font: inherit;
}

:focus-visible {
  outline: 3px solid var(--tenant-primary);
  outline-offset: 2px;
}