/* ============================================================
   Dr. Cid Fraga — Design Tokens
   Direção: editorial-sóbrio suave · saúde da mulher
   Base branco + azul-claro sereno + verde eucalipto
   Contrastes de texto/CTA validados WCAG AA.
   ============================================================ */

:root {
  /* ---- Cor: neutros / base ---- */
  --white:        #ffffff;
  --canvas:       #f6fafb;   /* off-white levemente frio, fundo de seção */
  --canvas-warm:  #fbfcfb;   /* off-white morno alternado */
  --line:         #e4edf0;   /* divisórias / bordas suaves */
  --line-strong:  #cfdde2;

  /* ---- Cor: azul-claro (confiança, sereno) ---- */
  --blue-50:  #eef5f9;
  --blue-100: #dcebf2;
  --blue-200: #c2dbe8;
  --blue-300: #9cc3d6;
  --blue-400: #6fa8c4;
  --blue-600: #35708f;   /* texto/link azul — AA em branco (5.4:1) */
  --blue-700: #2a5a73;

  /* ---- Cor: verde eucalipto (saúde, acolhimento, cuidado) ---- */
  --green-50:  #edf5f0;
  --green-100: #dcecE2;
  --green-200: #c3e0cf;
  --green-300: #9eccb2;
  --green-400: #6fb28f;
  --green-500: #4e9b78;
  --green-600: #3a785d;   /* CTA primário — texto branco AA (5.2:1) */
  --green-700: #2f6250;

  /* ---- Cor: bordô/bordeaux (accent de IDENTIDADE — herança visual Clínica FEMME) ----
     Uso controlado: linha de especialidade do wordmark, <em> do H1, aspas, 1-2 detalhes
     por seção. NUNCA cor dominante. Todos os pares de texto abaixo passam WCAG AAA. */
  --bordeaux-50:  #f7ecee;   /* fill de badge/tag sutil */
  --bordeaux-100: #efd9dd;   /* fill hover sutil / texto sobre fundo escuro (footer) */
  --bordeaux-600: #8c3244;   /* hover/estado secundário — AAA em branco (7.91:1) */
  --bordeaux-700: #6e2430;   /* accent primário: sub-wordmark, <em> do H1 — AAA (10.73:1) */
  --bordeaux-800: #57202b;   /* texto sobre bordeaux-50, fundo do favicon — AAA (12.75:1) */

  /* ---- Cor: tinta / texto ---- */
  --ink:       #22343a;   /* teal-charcoal suave, texto principal */
  --ink-soft:  #4c5f66;   /* texto secundário — AA em branco */
  --ink-mute:  #6b7c82;   /* legendas/captions — AA large em branco */

  /* ---- Semânticos ---- */
  --bg:            var(--white);
  --bg-alt:        var(--canvas);
  --text:          var(--ink);
  --text-soft:     var(--ink-soft);
  --brand:         var(--green-600);
  --brand-2:       var(--blue-600);
  --cta-bg:        var(--green-600);
  --cta-bg-hover:  var(--green-700);
  --cta-text:      var(--white);
  --link:          var(--blue-600);
  --focus:         var(--blue-400);

  /* ---- Tipografia ---- */
  --font-display: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-body:    "Source Sans 3", "Source Sans Pro", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --fs-hero:   clamp(2.2rem, 1.4rem + 3.4vw, 3.9rem);
  --fs-h2:     clamp(1.7rem, 1.2rem + 1.9vw, 2.6rem);
  --fs-h3:     clamp(1.2rem, 1.05rem + 0.6vw, 1.45rem);
  --fs-lead:   clamp(1.05rem, 0.98rem + 0.4vw, 1.25rem);
  --fs-body:   1.0625rem;
  --fs-small:  0.9rem;
  --fs-eyebrow: 0.8125rem;

  --lh-tight: 1.18;   /* protege ç/ã/õ em H1 serif multi-linha (era 1.12) */
  --lh-snug:  1.28;   /* compacto sem apertar (era 1.32) */
  --lh-body:  1.62;

  /* ---- Espaçamento / layout ---- */
  --container: 1120px;
  --container-narrow: 760px;
  --gutter: clamp(1.1rem, 0.6rem + 2vw, 2rem);
  --section-y: clamp(3.4rem, 2rem + 6vw, 6rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;

  /* ---- Formas / sombra ---- */
  --radius-sm: 10px;
  --radius:    14px;   /* era 16px — menos "app de consumo", mais sóbrio */
  --radius-lg: 18px;   /* era 24px */
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(34, 52, 58, 0.05);
  --shadow-sm: 0 4px 14px rgba(34, 52, 58, 0.06);
  --shadow-md: 0 12px 34px rgba(34, 52, 58, 0.08);
  --shadow-cta: 0 8px 22px rgba(58, 120, 93, 0.28);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur:  0.55s;
}