/* MARIANA — Design tokens
   Tema LIGHT com a identidade do Instituto Dra. Mariana Wogel:
   creme / nude / dourado, texto marrom-escuro. Semáforo: verde-oliva (bom),
   âmbar (atenção), terracota (ruim). Temperatura: quente=terracota,
   morno=âmbar, frio=azul-acinzentado. */

:root {
  /* Superfícies (creme / nude) */
  --bg: #FAF6F0;
  --bg-1: #F6F0E7;
  --bg-2: #F3EAE0;
  --bg-3: #EDE1D3;

  /* Dourado da marca */
  --gold: #B98A4A;
  --gold-hover: #A67939;
  --gold-soft: #D8BC94;
  --gold-deep: #8A6430;

  /* Texto */
  --text: #3E2F23;
  --muted: #8A7563;
  --faint: #A8987F;

  /* Semântica (semáforo) */
  --good: #5F7A4E;
  --warn: #C99A3C;
  --bad: #B45540;

  /* Temperatura */
  --quente: #B45540;
  --morno: #C99A3C;
  --frio: #7A93A8;

  /* Superfícies de card / bordas */
  --card-bg: #FFFFFF;
  --card-bg-2: #FBF7F1;
  --card-brd: rgba(62, 47, 35, 0.12);
  --card-brd-2: rgba(185, 138, 74, 0.4);
  --hairline: rgba(62, 47, 35, 0.1);

  /* Sombras suaves (sem glow) */
  --shadow-card: 0 1px 2px rgba(62, 47, 35, 0.05), 0 10px 30px -18px rgba(62, 47, 35, 0.25);
  --shadow-deep: 0 24px 60px -24px rgba(62, 47, 35, 0.3);

  /* Tipografia */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;

  /* Escala tipográfica */
  --text-hero: clamp(1.9rem, 1.3rem + 2vw, 2.9rem);
  --text-h2: clamp(1.55rem, 1.2rem + 1.4vw, 2.15rem);
  --text-h3: 1.2rem;
  --text-lead: clamp(1rem, 0.97rem + 0.2vw, 1.1rem);
  --text-base: 1rem;
  --text-sm: 0.9rem;
  --text-eyebrow: 0.78rem;

  /* Ritmo / espaço */
  --space-section: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --section-head-mb: clamp(2rem, 1.5rem + 2vw, 3rem);
  --card-pad: clamp(1.3rem, 1rem + 1vw, 1.7rem);
  --grid-gap: 1.1rem;
  --container: 1140px;
  --radius: 18px;
  --radius-lg: 26px;

  /* Movimento */
  --dur: 320ms;
  --dur-slow: 700ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}