:root {
  --color-primary: #132b4f;

  --color-primary-light: #0f4981;

  --gradient-escuro: linear-gradient(
    198deg,
    var(--color-primary) 0%,
    var(--color-primary-light) 100%
  );

  --color-accent: #f01d26;

  --color-accent-deep: #89151e;

  --color-accent-surface: #e61c25;

  --gradient-destaque: linear-gradient(100deg, #e61c25 0%, #c81a23 100%);

  --color-action: #286aaa;

  --color-action-soft: rgb(40 106 170 / 0.75);
  --color-star: #f1bb02;

  --color-whatsapp: #25d366;
  --color-whatsapp-dark: #1ebe5d;

  --color-background: #ffffff;
  --color-surface: #eeeeee;

  --color-sucesso-texto: #1e4d2b;
  --color-sucesso-fundo: #eaf5ee;
  --color-erro-texto: #89151e;
  --color-erro-fundo: #fbeae7;

  --color-on-dark-strong: rgb(255 255 255 / 0.75);
  --color-on-dark-line: rgb(255 255 255 / 0.7);

  --color-on-dark-muted: rgb(255 255 255 / 0.62);
  --color-on-dark-surface: rgb(255 255 255 / 0.25);

  --color-text: #16202e;
  --color-text-muted: #4a4a4a;
  --color-text-inverse: #ffffff;

  --color-heading-neutral: #19191c;

  --color-border: #c6c6c6;

  --color-focus: #132b4f;

  --font-family-primary: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto,
    Arial, sans-serif;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-base: clamp(1rem, 0.97rem + 0.2vw, 1.0625rem);
  --font-size-lead: clamp(1rem, 0.9rem + 0.53vw, 1.375rem);
  --font-size-prose: clamp(1.125rem, 1rem + 0.56vw, 1.5rem);
  --font-size-title: clamp(1.5rem, 1.13rem + 1.52vw, 2.5rem);
  --font-size-subtitle: clamp(1.25rem, 0.79rem + 1.9vw, 2.5rem);

  --font-size-card-title: clamp(1.5rem, 1.28rem + 0.94vw, 2.125rem);
  --font-size-display: clamp(1.75rem, 1rem + 3.33vw, 4rem);

  --line-height-display: 1.25;
  --letter-spacing-display: -0.047em;
  --line-height-heading: 1.25;

  --line-height-card-title: 1.4706;
  --line-height-body: 1.5;

  --space-2xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3.125rem;
  --space-2xl: clamp(3rem, 2rem + 5vw, 5rem);

  --container-width: 75rem;
  --container-width-wide: 90rem;
  --container-padding: clamp(1rem, 0.5rem + 1.7vw, 2rem);
  --card-padding-min: 1.5rem;

  --faixa-altura: 2.75rem;

  --nav-fixa-altura: 4.5rem;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-pill: 62.4375rem;

  --control-height: 3.25rem;

  --shadow-md: 0 4px 12px rgb(19 43 79 / 0.12);

  --opacity-disabled: 0.65;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 150ms var(--ease);

  --transition-base: 250ms var(--ease);
  --transition-slow: 400ms var(--ease);

  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --reveal-duration: 700ms;
  --reveal-distance: 1.75rem;
}

@media (width >= 60rem) {
  :root {
    --nav-fixa-altura: 5.75rem;
  }
}