:root {
  color-scheme: light;

  --font-sans: "Inter", "Inter Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --color-text: #1f1f1f;
  --color-text-muted: #515151;
  --color-white: #ffffff;
  --color-background: #f8f8f8;
  --color-surface: #ffffff;
  --color-surface-muted: #f0f0f0;
  --color-border: #dddddd;
  --color-blue: #2a4194;
  --color-blue-hover: #1d3487;
  --color-green: #2a9476;
  --color-green-hover: #1d8769;
  --color-green-contrast: #1a8063;
  --color-ochre: #c4822d;
  --color-ochre-hover: #b77520;
  --color-red: #bf3a18;
  --color-red-hover: #b22d0b;
  --color-footer: #0d1325;
  --color-error: #9e2911;

  --color-service-soil: #9a5f13;
  --color-service-water: #1a8063;
  --color-service-air: #2a4194;
  --color-service-fire: #bf3a18;
  --color-service-engineering: #6a4c93;
  --color-service-works: #4f5d67;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 0.9375rem;
  --text-lead: 1.125rem;
  --text-card: clamp(1.25rem, 1.05rem + 0.55vw, 1.5rem);
  --text-section: clamp(2.1875rem, 1.48rem + 2.25vw, 3.4375rem);
  --text-display: clamp(2.1875rem, 1.15rem + 3.9vw, 4.6875rem);

  --leading-tight: 1;
  --leading-heading: 1.08;
  --leading-body: 1.62;

  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1.125rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.375rem;
  --space-7: 4.5rem;
  --space-8: 6.75rem;

  --container: 81rem;
  --gutter: 2.25rem;
  --header-height: 6.5625rem;
  --radius: 0.5rem;
  --focus-ring: 0 0 0 0.2rem rgba(42, 65, 148, 0.25);

  --duration-fast: 180ms;
  --duration-medium: 280ms;
  --duration-base: 600ms;
  --ease-standard: cubic-bezier(0.25, 1, 0.5, 1);
}

@media (max-width: 59.9375rem) {
  :root {
    --gutter: 1.125rem;
    --header-height: 4.75rem;
  }
}