/* Operations UI — tokens (fonte: design system "Operations UI", tokens.json) */
:root {
  color-scheme: light;
  --bg: #f3f3f2;
  --surface: #ffffff;
  --surface-2: #f7f7f6;
  --surface-3: #efefed;
  --line: #e6e6e3;
  --line-strong: #d6d6d2;
  --text: #16161a;
  --text-2: #55565e;
  --text-3: #8a8b93;
  --accent: #ea580c;
  --accent-hover: #c2410c;
  --accent-soft: #fff1e8;
  --on-accent: #ffffff;
  --ink: #1c1c20;
  --on-ink: #ffffff;
  --blue: #3b82f6;
  --blue-soft: #e8f0fe;
  --green: #16a34a;
  --green-soft: #e7f6ec;
  --amber: #d97706;
  --amber-soft: #fdf3e1;
  --red: #dc2626;
  --red-soft: #fdeaea;
  --violet: #7c3aed;
  --violet-soft: #f0eafd;
  --chart-teal: #14b8a6;
  --hatch: rgba(22, 22, 26, .07);

  --shadow-sm: 0 1px 2px rgba(16, 16, 20, .04);
  --shadow: 0 1px 2px rgba(16, 16, 20, .04), 0 4px 16px rgba(16, 16, 20, .04);
  --shadow-lg: 0 12px 40px rgba(16, 16, 20, .14);

  --sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --gap-tick: 2px;
  --gap-xs: 4px;
  --gap-sm: 6px;
  --gap-md: 8px;
  --gap-row: 10px;
  --gap-ml: 12px;
  --gap-grid: 14px;
  --gap-lg: 16px;
  --pad-card-y: 18px;
  --pad-card-x: 20px;
  --pad-canvas: 26px;

  --radius-xs: 6px;
  --radius-pill: 7px;
  --radius-tag: 8px;
  --radius-sm: 9px;
  --radius-control: 10px;
  --radius-inner: 11px;
  --radius-panel: 12px;
  --radius: 14px;
  --radius-dialog: 18px;
  --radius-canvas: 20px;
  --radius-full: 999px;

  --control-height: 36px;
  --field-height: 40px;

  --ease: cubic-bezier(.2, .7, .2, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0b0b0d;
    --surface: #141417;
    --surface-2: #18181c;
    --surface-3: #202025;
    --line: #26262c;
    --line-strong: #34343b;
    --text: #f2f2f3;
    --text-2: #a9aab2;
    --text-3: #73747d;
    --accent: #f97316;
    --accent-hover: #fb8a3c;
    --accent-soft: #2a1709;
    --on-accent: #140a03;
    --ink: #f2f2f3;
    --on-ink: #141417;
    --blue: #60a5fa;
    --blue-soft: #14223a;
    --green: #34d399;
    --green-soft: #0f2a20;
    --amber: #fbbf24;
    --amber-soft: #2d230b;
    --red: #f87171;
    --red-soft: #321515;
    --violet: #a78bfa;
    --violet-soft: #221a38;
    --hatch: rgba(255, 255, 255, .06);
    --shadow-sm: none;
    --shadow: none;
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0b0d;
  --surface: #141417;
  --surface-2: #18181c;
  --surface-3: #202025;
  --line: #26262c;
  --line-strong: #34343b;
  --text: #f2f2f3;
  --text-2: #a9aab2;
  --text-3: #73747d;
  --accent: #f97316;
  --accent-hover: #fb8a3c;
  --accent-soft: #2a1709;
  --on-accent: #140a03;
  --ink: #f2f2f3;
  --on-ink: #141417;
  --blue: #60a5fa;
  --blue-soft: #14223a;
  --green: #34d399;
  --green-soft: #0f2a20;
  --amber: #fbbf24;
  --amber-soft: #2d230b;
  --red: #f87171;
  --red-soft: #321515;
  --violet: #a78bfa;
  --violet-soft: #221a38;
  --hatch: rgba(255, 255, 255, .06);
  --shadow-sm: none;
  --shadow: none;
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);
}