:root {
  color-scheme: light;
  --appliance-background: oklch(97.4% 0.006 277);
  --appliance-workspace: oklch(98.4% 0.004 277);
  --appliance-card: oklch(99.1% 0.003 277);
  --appliance-panel: oklch(95.8% 0.007 277);
  --appliance-border: oklch(89.4% 0.014 277);
  --appliance-border-strong: oklch(72.4% 0.026 277);
  --appliance-text: oklch(22.2% 0.024 277);
  --appliance-text-muted: oklch(48.6% 0.032 277);
  --appliance-text-soft: oklch(61.5% 0.028 277);
  --appliance-sidebar: oklch(19.2% 0.029 277);
  --appliance-sidebar-hover: oklch(25.6% 0.036 277);
  --appliance-sidebar-text: oklch(94.6% 0.006 277);
  --operator-purple: oklch(58.5% 0.216 299);
  --operator-purple-strong: oklch(51.8% 0.203 299);
  --operator-purple-soft: oklch(95.4% 0.029 299);
  --system-cyan: oklch(78.6% 0.14 218);
  --system-cyan-soft: oklch(94.8% 0.032 218);
  --attention-amber: oklch(73.7% 0.164 59);
  --attention-amber-soft: oklch(95.8% 0.04 73);
  --success: oklch(63.8% 0.156 149);
  --success-soft: oklch(95.6% 0.044 149);
  --error: oklch(58.8% 0.206 27);
  --error-soft: oklch(94.4% 0.032 27);
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
}

* { box-sizing: border-box; }

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  background: var(--appliance-background);
  color: var(--appliance-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  line-height: 1.5;
}

button,
input,
textarea,
select {
  font: inherit;
}

button { cursor: pointer; }

button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

code {
  border: 1px solid var(--appliance-border);
  border-radius: var(--radius-md);
  background: var(--appliance-panel);
  color: var(--operator-purple-strong);
  padding: 2px 5px;
}

a { color: var(--operator-purple-strong); }

:focus-visible {
  outline: 2px solid var(--operator-purple);
  outline-offset: 2px;
}

::selection {
  background: var(--operator-purple-soft);
  color: var(--appliance-text);
}