/* ==========================================================================
   DR. GABRIEL XIMENES — v4 · DESIGN TOKENS (versão acessível)
   --------------------------------------------------------------------------
   Público principal acima de 50 anos: letras grandes, contraste alto,
   botões grandes e nada que se mova sozinho.
   Paleta: azul-marinho oficial (#15156C), papel claro, coral como cor de
   destaque e verde do WhatsApp mais escuro (contraste adequado com branco).
   ========================================================================== */

@font-face { font-family: "Geist"; src: url("../fonts/geist.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("../fonts/instrument-serif-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Geist Fallback"; src: local("Arial"); size-adjust: 104%; ascent-override: 92%; descent-override: 24%; line-gap-override: 0%; }
@font-face { font-family: "Serif Fallback"; src: local("Times New Roman"); size-adjust: 92%; ascent-override: 98%; }

:root {
  color-scheme: light;

  /* ---------- Cor ---------- */
  --navy-950: #05051C;
  --navy-900: #09092F;
  --brand:    #15156C;       /* azul-marinho oficial */
  --brand-2:  #24249A;
  --blue:     #2648F0;       /* links */
  --blue-soft:#8EA2FF;
  --coral:      #FF6B4A;
  --coral-ink:  #E04E33;     /* destaque em títulos grandes */
  --coral-deep: #B8381F;     /* destaque em textos pequenos (AA) */
  --coral-soft: #FF8A6B;     /* destaque sobre fundo azul */
  --coral-tint: #FFE7DF;
  --warm:     #FAF1EC;
  --ice:      #EAEEF8;
  --ice-2:    #DCE2F1;
  --paper:    #F4F5F9;
  --white:    #FFFFFF;
  --wa:       #25D366;       /* verde oficial do WhatsApp */
  --wa-hover: #1FC35B;
  --wa-ink:   #05301A;       /* texto escuro sobre o verde (contraste 7,3:1) */
  --green-tint: #E3F5EA;
  --green-ink:  #146C3A;

  --ink:   #0B0B33;          /* texto principal */
  --ink-2: #3E4263;          /* texto secundário (AA) */
  --line:  rgba(11, 11, 51, .14);
  --line-2:rgba(11, 11, 51, .26);
  --on-dark:   #FFFFFF;
  --on-dark-2: #C9CEEB;
  --line-dark: rgba(255, 255, 255, .18);

  --star: #E8A317;
  --focus: #2648F0;

  /* ---------- Tipografia (maior que o padrão) ---------- */
  --f-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --f-serif: "Instrument Serif", "Serif Fallback", Georgia, serif;

  --fs-display: clamp(2.25rem, 1.2rem + 3.3vw, 4.4rem);
  --fs-h1: clamp(2.15rem, 1.3rem + 2.7vw, 3.9rem);
  --fs-h2: clamp(1.85rem, 1.3rem + 1.8vw, 2.85rem);
  --fs-h3: clamp(1.3rem, 1.15rem + .5vw, 1.6rem);
  --fs-lead: clamp(1.2rem, 1.1rem + .35vw, 1.4rem);
  --fs-body: clamp(1.125rem, 1.08rem + .15vw, 1.1875rem);   /* 18–19px */
  --fs-small: 1.0625rem;                                     /* 17px — menor texto do site */
  --lh-body: 1.6;

  /* ---------- Espaço / layout ---------- */
  --max: 1280px;
  --max-narrow: 820px;
  --pad: clamp(1.25rem, 4vw, 3rem);
  --gap: clamp(1rem, 2vw, 1.75rem);
  --sec-y: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --hdr-h: 112px;

  /* ---------- Forma ---------- */
  --r-s: 10px;
  --r-m: 16px;
  --r-l: 24px;
  --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(11, 11, 51, .06), 0 6px 18px -8px rgba(11, 11, 51, .16);
  --shadow-2: 0 2px 6px rgba(11, 11, 51, .06), 0 24px 48px -24px rgba(11, 11, 51, .3);
}

@media (max-width: 760px) {
  :root { --hdr-h: 90px; }
}