/* Radii are small and machined: this is instrumentation, not a soft app. */
:root {
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --border-width: 1px;
  --border-width-thick: 2px;

  /* Shadows are barely there on dark; light theme uses them for lift. */
  --shadow-flat: 0 0 0 1px var(--border-hairline);
  --shadow-card: 0 1px 2px oklch(0.12 0.006 90 / 0.5),
    0 8px 24px -12px oklch(0.12 0.006 90 / 0.6);
  --shadow-raised: 0 2px 4px oklch(0.12 0.006 90 / 0.45),
    0 18px 44px -20px oklch(0.12 0.006 90 / 0.7);
  --glow-signal: 0 0 0 1px var(--border-signal),
    0 0 28px -8px oklch(0.86 0.19 128 / 0.45);

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 420ms;

  --focus-width: 2px;
  --focus-offset: 2px;
}

[data-theme="light"] {
  --shadow-card: 0 1px 2px oklch(0.2 0.01 90 / 0.06),
    0 10px 28px -16px oklch(0.2 0.01 90 / 0.18);
  --shadow-raised: 0 2px 6px oklch(0.2 0.01 90 / 0.08),
    0 20px 48px -22px oklch(0.2 0.01 90 / 0.24);
  --glow-signal: 0 0 0 1px var(--border-signal),
    0 0 24px -10px oklch(0.5 0.13 128 / 0.35);
}