:root {
  --deinsa-color-primary: #3fa33d;
  --deinsa-color-primary-dark: #318b30;
  --deinsa-color-text: #202124;
  --deinsa-color-muted: #62656a;
  --deinsa-color-background: #ffffff;
  --deinsa-color-surface: #f7f8f7;
  --deinsa-color-border: #e5e7e5;
  --deinsa-color-focus: #1f6feb;

  --deinsa-font-sans: "Montserrat", Arial, sans-serif;

  --deinsa-space-1: 0.5rem;
  --deinsa-space-2: 1rem;
  --deinsa-space-3: 1.5rem;
  --deinsa-space-4: 2rem;
  --deinsa-space-5: 3rem;
  --deinsa-space-6: 4rem;
  --deinsa-space-7: 5rem;
  --deinsa-space-8: 6rem;

  --deinsa-radius-sm: 0.375rem;
  --deinsa-radius-md: 0.625rem;

  --deinsa-shadow-sm: 0 2px 8px rgba(16, 24, 40, 0.06);
  --deinsa-shadow-md: 0 8px 24px rgba(16, 24, 40, 0.08);

  --deinsa-container-wide: 90rem;
  --deinsa-container-reading: 47.5rem;
  --deinsa-gutter: clamp(1rem, 4.4vw, 5.625rem);

  --deinsa-control-height: 3rem;
  --deinsa-transition-fast: 160ms ease;
}