/* Design tokens (chapter 2.9). Branding colours are overridden at runtime from /meta. */
:root {
  color-scheme: light dark;
  --pz-color-accent: #2f5bea;
  --pz-color-accent-text: #ffffff;
  --pz-color-text: #1b1f24;
  --pz-color-text-muted: #5b6470;
  --pz-color-background: #f6f7f9;
  --pz-color-surface: #ffffff;
  --pz-color-border: #dde1e7;
  --pz-color-danger: #b42318;
  --pz-color-danger-surface: #fdecea;
  --pz-color-success: #1a7f37;
  --pz-color-success-surface: #e7f6ec;
  --pz-color-warning: #9a6700;
  --pz-color-warning-surface: #fff5d6;
  --pz-font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  --pz-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --pz-radius: 6px;
  --pz-space-1: 4px;
  --pz-space-2: 8px;
  --pz-space-3: 12px;
  --pz-space-4: 16px;
  --pz-space-5: 24px;
  --pz-space-6: 32px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --pz-color-accent: #6d8dff;
    --pz-color-accent-text: #0d1117;
    --pz-color-text: #e6e8eb;
    --pz-color-text-muted: #9aa3ae;
    --pz-color-background: #0f1216;
    --pz-color-surface: #171b21;
    --pz-color-border: #2b313a;
    --pz-color-danger: #ff8a80;
    --pz-color-danger-surface: #3a1714;
    --pz-color-success: #6fdd8b;
    --pz-color-success-surface: #12301b;
    --pz-color-warning: #f2cc60;
    --pz-color-warning-surface: #33290c;
  }
}

body {
  margin: 0;
  font-family: var(--pz-font-family);
  color: var(--pz-color-text);
  background: var(--pz-color-background);
}