/* SETTINGS — custom properties only. No rules are emitted from this layer. */

:root {
  /* colour — light */
  --color-bg: #ffffff;          --color-surface: #f9fafb;
  --color-text: #1f2937;        --color-text-muted: #6b7280;
  --color-border: #e5e7eb;      --color-zebra: #f3f4f6;
  --color-primary: #3b82f6;     --color-primary-text: #ffffff;
  --color-danger: #ef4444;
  --color-info-bg: #eff6ff;     --color-info-text: #1e40af;

  /* spacing scale */
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem;
  --space-4: 1rem;   --space-6: 1.5rem; --space-8: 2rem;

  /* radii / shadow / type */
  --radius: .5rem;  --radius-pill: 9999px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .06), 0 1px 3px rgb(0 0 0 / .1);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #1d232a;        --color-surface: #2a323c;
    --color-text: #e5e7eb;      --color-text-muted: #9ca3af;
    --color-border: #374151;    --color-zebra: #242b33;
    --color-info-bg: #1e293b;   --color-info-text: #93c5fd;
    /* primary/danger stay legible on dark as-is */
  }
}