:root {
  color-scheme: light;

  /* Surfaces: warm operational neutral, not cold SaaS gray or cream slop */
  --bg: #f4f2ed;
  --bg-soft: #eae7e0;
  --panel: #ffffff;
  --panel-subtle: #f9f8f5;
  --sidebar-bg: #1a2421;
  --sidebar-border: #2d3a36;
  --sidebar-text: #d4ddd8;
  --sidebar-muted: #93a39c;

  /* Ink */
  --text: #1c1f1e;
  --muted: #4f5652;
  --line: #d8d4cb;
  --line-strong: #c2bdb2;

  /* Brand */
  --accent: #176b5b;
  --accent-strong: #0f5448;
  --accent-soft: #e2efeb;
  --blue: #2f5db8;
  --blue-soft: #e8eef8;
  --danger: #9a3b32;
  --danger-soft: #fdf0ee;
  --ok: #156b49;
  --ok-soft: #ecf6f0;
  --warning: #8a5a00;
  --warning-soft: #fff6df;

  /* Public marketing CTA (landing/auth) */
  --cta-public: #1c1f1e;
  --cta-public-hover: #000000;

  /* Elevation: border-first panels; shadow only for floating previews */
  --shadow: none;
  --shadow-float: 0 4px 14px rgba(28, 31, 30, 0.07);
  --shadow-raised: var(--shadow-float);

  /* Spacing scale (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  --radius: 8px;
  --radius-sm: 6px;
  --radius-lg: 10px;
  --focus-ring: 0 0 0 3px rgba(23, 107, 91, 0.22);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --font-sans: Aptos, "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}