/* T4HI V1 : valeurs indépendantes des variables Humani et Elementor. */
:root {
  --t4hi-color-primary: #215E66;
  --t4hi-color-primary-dark: #17474E;
  --t4hi-color-secondary: #359A67;
  --t4hi-color-secondary-dark: #287A51;
  --t4hi-color-supporting-green: #5F8F6F;
  --t4hi-color-text: #26383C;
  --t4hi-color-text-muted: #5F6F73;
  --t4hi-color-background: #F4F8F7;
  --t4hi-color-background-soft: #EDF6F1;
  --t4hi-color-white: #FFFFFF;
  --t4hi-font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --t4hi-weight-body: 400;
  --t4hi-weight-strong: 700;
  --t4hi-weight-display: 800;
  --t4hi-size-body: 1rem;
  --t4hi-size-label: 0.75rem;
  --t4hi-size-lead: 1.1875rem;
  --t4hi-size-h1: 2.125rem;
  --t4hi-size-h2: 2rem;
  --t4hi-size-h3: 1.375rem;
  --t4hi-size-h4: 1.125rem;
  --t4hi-line-body: 1.7;
  --t4hi-line-heading: 1.25;
  --t4hi-line-display: 1.1;
  --t4hi-container-max: 75rem;
  --t4hi-gutter: 1rem;
  --t4hi-space-1: 0.25rem;
  --t4hi-space-2: 0.5rem;
  --t4hi-space-3: 1rem;
  --t4hi-space-4: 1.5rem;
  --t4hi-space-5: 2rem;
  --t4hi-space-6: 3rem;
  --t4hi-section-space: 3rem;
  --t4hi-radius-card: 1rem;
  --t4hi-radius-button: 0.5rem;
  --t4hi-shadow-soft: 0 4px 16px rgb(38 56 60 / 8%);
  --t4hi-motion-duration: 160ms;
  --t4hi-motion-easing: ease-out;
  --t4hi-focus-color: var(--t4hi-color-primary);
  --t4hi-focus-width: 3px;
  --t4hi-focus-offset: 3px;
}

@media (max-width: 767px) {
  :root {
    --t4hi-size-h1: 2rem;
    --t4hi-size-lead: 1.125rem;
  }
}

@media (min-width: 768px) {
  :root { --t4hi-gutter: 1.5rem; }
}

@media (min-width: 1025px) {
  :root {
    --t4hi-size-h1: 2.75rem;
    --t4hi-section-space: 4.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --t4hi-motion-duration: 0ms; }
}