:root {
  color-scheme: dark;
  --background: #111314;
  --surface: #191c1e;
  --surface-raised: #23272a;
  --surface-hover: #2b3034;
  --text: #edf0f2;
  --muted: #b0b8bf;
  --outline: #687680;
  --primary: #cad9e5;
  --on-primary: #20313d;
  --selected: #303e49;
  --danger: #ffb4ab;
  --focus: #95adbc;
  --field-label-gap: var(--space-2);
  --field-gap: var(--space-4);
  --form-section-gap: var(--space-6);
  --page-gutter: var(--space-10);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-synthesis: none;
  color: var(--text);
  background: var(--background);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --control-height: 48px;
  --input-height: 52px;
  --radius-control: 14px;
  --radius-surface: 24px;
  --radius-pill: 999px;
  --duration-reveal: 180ms;
  --duration-transition: 240ms;
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
}