/**
 * Design tokens — edit colors, spacing scale, and layout width here.
 */
:root {
  --color-green: #1b5e3a;
  --color-green-muted: #2d7a52;
  --color-green-soft: #e8f2ec;
  --color-green-footer: #7cb89a;

  --color-black: #0d0d0d;
  --color-gray: #3d3d3d;
  --color-gray-light: #6b6b6b;

  --color-bg: #fafafa;
  --color-surface: #ffffff;
  --color-border: #d9e0dc;

  --color-footer-text: #c8c8c8;

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

  --space-xs: 0.35rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 3.5rem;

  --radius-sm: 2px;

  --layout-max: 68rem;
  --layout-gutter: clamp(1rem, 4vw, 1.5rem);

  --shadow-header: 0 1px 0 rgba(13, 13, 13, 0.06);
}