/* Dra. Vitória Bruna — tokens do design system
   Conceito: revista de moda. Branco com muito respiro, serifada editorial encorpada,
   fios champagne usados com parcimônia e o verde da oliveira da clínica na seção de Investimento e nos botões. */
:root {
  color-scheme: light;

  /* Cor */
  --branco: #FFFFFF;          /* base */
  --off: #FAF8F5;             /* off-white quente, alterna seções */
  --off-2: #EEECE8;           /* espaços de foto: pedra quente, como as paredes da clínica */
  --tinta: #1A1A1A;           /* texto e a seção escura */
  --tinta-2: #5E5A55;         /* texto secundário (6,8:1 no branco) */
  --fio: #E7E1D8;             /* fios neutros */
  --ouro: #B8975A;            /* champagne: fios, preenchimentos, hover, detalhes */
  --ouro-num: #9C7D45;        /* ouro para números e títulos grandes no claro (3,7:1) */
  --ouro-texto: #8A6D3B;      /* ouro para textos pequenos no claro (4,8:1) */
  /* Verde da oliveira que fica no centro da clínica (tirado da foto) */
  --oliva: #3A412A;           /* folhas na sombra: seção escura, botão principal */
  --oliva-2: #474B35;         /* tom médio das folhas: um passo acima na seção verde */
  --oliva-texto: #565B46;     /* folhas na luz: verde para texto no claro (7:1) */
  --sobre-oliva-2: #C9CBBE;   /* texto secundário sobre o verde (6,4:1) */
  --noite-2: var(--oliva-2);  /* um tom acima da seção escura */
  --sobre-noite: #F2F1EE;     /* texto na seção escura, neutro */
  --sobre-noite-2: var(--sobre-oliva-2); /* texto secundário na seção escura */

  /* Tipo */
  --serif: "Playfair Display", "Playfair", Georgia, "Times New Roman", serif;
  --sans: "Manrope", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  /* Sete tamanhos, nenhum a mais */
  --t-label: 0.8125rem;                                      /* 13px  rótulos em caixa alta, legendas, notas */
  --t-body: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);         /* 16–17px texto */
  --t-lead: clamp(1.125rem, 1.02rem + 0.45vw, 1.375rem);     /* 18–22px texto de abertura, perguntas */
  --t-h3: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);            /* 24–36px subtítulos, citações, frases */
  --t-h2: clamp(2rem, 1.45rem + 2.1vw, 3.5rem);              /* 32–56px títulos de seção */
  --t-num: clamp(3.25rem, 2.2rem + 3.6vw, 5.5rem);           /* 52–88px  o número de destaque da prova */
  --t-small: var(--t-label);
  --t-quote: var(--t-h3);
  --tr-label: 0.2em;

  /* Espaço */
  --m: clamp(20px, 4vw, 56px);                 /* margem externa */
  --g: clamp(16px, 2vw, 32px);                 /* gap da grade */
  --secao: clamp(72px, 4vw + 48px, 120px);     /* respiro de cada lado da seção: 144–240px entre seções */
  --bloco: clamp(72px, 6vw + 32px, 160px);     /* respiro entre blocos dentro da seção */
  --cab: 76px;                                  /* altura do cabeçalho */

  /* Movimento: lento e contido */
  --ease-luxo: cubic-bezier(0.19, 1, 0.22, 1);      /* expo.out */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-inout: cubic-bezier(0.77, 0, 0.175, 1);
  --t-hover: 0.6s;
  --t-reveal: 1.2s;
}