:root {
  color-scheme: light;

  --bg: #f4f7f3;
  --surface: #ffffff;
  --tone: #e9f0ea;
  --tone-strong: #dae6dc;
  --field: #eef3ee;
  --field-focus: #dfeae1;

  --text: #17231c;
  --text-muted: #5a6a60;

  --accent: #2e7d4f;
  --accent-hover: #256b42;
  --accent-contrast: #ffffff;

  --radius-card: 28px;
  --radius-media: 20px;
  --radius-field: 14px;
  --radius-pill: 999px;

  --font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --container: 1240px;
  --gutter: 16px;
  --header-height: 72px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.5, 0, 0.75, 0);
  --duration-fast: 200ms;
  --duration-base: 450ms;
  --duration-slow: 800ms;
  --panel-open: 420ms;
  --panel-close: 240ms;
  --reveal-scale: 0.97;
  --settle-scale: 1.06;
}

@media (min-width: 768px) {
  :root {
    --gutter: 24px;
    --header-height: 80px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --reveal-scale: 1;
    --settle-scale: 1;
  }
}