/* Shared web brand: warm consumer canvas, calm operator canvas. */
:root {
  color-scheme: light;
  --brand-cream: #f8f5ed;
  --brand-paper: #fffdf8;
  --brand-surface: #ffffff;
  --brand-green: #3d654f;
  --brand-green-strong: #294936;
  --brand-green-wash: #e8efe6;
  --brand-charcoal: #26312b;
  --brand-muted: #58645c;
  --brand-line: #d9dfd5;
  --brand-danger: #aa3638;
  --brand-warning: #80551c;
  --brand-success: #246347;
  --brand-radius-sm: 12px;
  --brand-radius-md: 18px;
  --brand-radius-lg: 28px;
  --brand-space-1: 4px;
  --brand-space-2: 8px;
  --brand-space-3: 12px;
  --brand-space-4: 16px;
  --brand-space-6: 24px;
  --brand-space-8: 32px;
  --brand-focus: 0 0 0 3px rgba(61,101,79,.34);
  --brand-shadow: 0 18px 48px rgba(38,49,43,.08);
  font-family: Inter, 'Segoe UI', system-ui, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { color: var(--brand-charcoal); }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
:where(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--brand-green);
  outline-offset: 3px;
  box-shadow: var(--brand-focus);
}
:where(button, input, select, textarea):disabled { cursor: not-allowed; opacity: .5; }
img { max-width: 100%; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}