/* Shared Precision Clean / Cyber-Agronomy design tokens. */
:root {
  --bg-canvas: #f4fbf7;
  --bg-surface: #ffffff;
  --bg-surface-muted: #f9fdfb;
  --bg-surface-raised: #ffffff;
  --text-main: #052e16;
  --text-muted: #4b6656;
  --border-subtle: rgba(22, 101, 52, 0.12);
  --border-strong: rgba(22, 101, 52, 0.3);
  --accent: #15803d;
  --accent-strong: #116832;
  --surface-gradient: linear-gradient(145deg, #ffffff 0%, #f9fdfb 58%, #eef8f1 100%);
  --surface-bevel: linear-gradient(to bottom, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0) 1px);
  --active-glow: 0 0 16px -2px rgba(21, 128, 61, 0.22);
  --numeric-font: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

:is(
  html[data-ops-prepaint-theme="dark"],
  body.ops-precision-pilot[data-ops-theme="dark"],
  body[data-theme="dark"],
  .app-shell.theme-dark,
  .theme-dark
) {
  --bg-canvas: #041a10;
  --bg-surface: #0a120e;
  --bg-surface-muted: #0e1a12;
  --bg-surface-raised: #0d1711;
  --text-main: #f0fdf4;
  --text-muted: #adc9b5;
  --border-subtle: rgba(34, 197, 94, 0.15);
  --border-strong: rgba(74, 222, 128, 0.42);
  --accent: #22c55e;
  --accent-strong: #4ade80;
  --surface-gradient: linear-gradient(155deg, rgba(255, 255, 255, 0.04) 0%, rgba(10, 18, 14, 0.96) 58%, rgba(255, 255, 255, 0.01) 100%);
  --surface-bevel: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 1px);
  --active-glow: 0 0 16px -2px rgba(34, 197, 94, 0.35);
  color-scheme: dark;
}

html.outdoor-mode {
  --bg-canvas: #eff9f3;
  --bg-surface: #ffffff;
  --bg-surface-muted: #f5fbf7;
  --text-main: #163b28;
  --text-muted: #526d5e;
}