:root {
  color-scheme: light;
  --odx-bg: #f5f7fb;
  --odx-panel: #ffffff;
  --odx-panel-elevated: #f9fbff;
  --odx-control: #eef3f8;
  --odx-control-hover: #e4edf6;
  --odx-text: #111827;
  --odx-muted: #5f6b7a;
  --odx-subtle: #7a8696;
  --odx-line: #d5dde7;
  --odx-accent: #005ecb;
  --odx-success: #087f5b;
  --odx-warning: #a15c00;
  --odx-danger: #c92a2a;
  --odx-focus: #0a84ff;
}

* {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

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

button,
input,
select {
  font: inherit;
}