@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Bebas+Neue&family=Inter:wght@300;400;500;600&display=swap');

/* ═══════════════════════════════════════════════════════════
   DESIGN TOKENS · Dr. Kaleu Nery
   Baseado no Manual de Marca (Edição 01 · 2026)
   Estética editorial — 70% preto/grafite · 25% off-white · 5% dourado
═══════════════════════════════════════════════════════════ */

:root {
  /* ─── Cores · Paleta oficial ─── */
  --primary-900: #0A0A0A;   /* Preto profundo */
  --primary-700: #2A2A2A;   /* Grafite */

  --accent-500:  #C5A572;   /* Dourado (oficial) */
  --accent-300:  #D8C399;   /* Dourado claro — texto sobre fundo escuro */
  --accent-100:  #EFE6D3;   /* Dourado tênue */

  --neutral-0:   #FFFFFF;   /* Branco verdadeiro */
  --neutral-50:  #F5F2EC;   /* Off-white (oficial) */
  --neutral-100: #ECE7DD;
  --neutral-300: #D6D0C4;   /* Filetes / bordas */
  --neutral-500: #57534C;   /* Texto secundário (contraste AA sobre off-white) */
  --neutral-400: #8A857C;   /* Texto terciário sobre fundo escuro */

  /* Vermelho — acento raríssimo (alerta, pontuação editorial). Nunca cor principal. */
  --alert-500:   #8B0000;

  /* Compat — antigo azul médico reapontado ao grafite (sem cor fora da paleta) */
  --medical-500: #2A2A2A;
  --medical-100: #ECE7DD;

  /* ─── Tipografia · Três fontes, nunca mais ─── */
  --font-display: 'Cormorant Garamond', Georgia, serif;          /* Títulos, citações, frases editoriais */
  --font-impact:  'Bebas Neue', 'Arial Narrow', sans-serif;       /* Rótulos, números, eyebrows — caixa alta */
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;  /* Corpo, textos longos */
  --font-mono:    var(--font-impact);                             /* legado → mapeado para Bebas (rótulos/números) */

  /* ─── Escala tipográfica ─── */
  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.875rem;  /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-lg:   1.125rem;  /* 18px */
  --text-xl:   1.25rem;   /* 20px */
  --text-2xl:  1.5rem;    /* 24px */
  --text-3xl:  1.875rem;  /* 30px */
  --text-4xl:  2.25rem;   /* 36px */
  --text-5xl:  3rem;      /* 48px */
  --text-6xl:  3.75rem;   /* 60px */
  --text-7xl:  4.5rem;    /* 72px */
  --text-8xl:  6rem;      /* 96px */

  /* ─── Espaçamento ─── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;
  --space-40: 10rem;

  /* ─── Raio de borda — editorial: cantos retos ─── */
  --radius-sm:   0px;
  --radius-base: 0px;
  --radius-md:   0px;
  --radius-lg:   0px;
  --radius-full: 9999px;

  /* ─── Sombras — manual: "nunca sombras". Profundidade vem do contraste e do filete. ─── */
  --shadow-sm:  none;
  --shadow-md:  none;
  --shadow-lg:  none;
  --shadow-xl:  none;
  --shadow-gold: none;

  /* ─── Transições ─── */
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out:    cubic-bezier(0.0, 0.0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:   150ms;
  --duration-base:   250ms;
  --duration-slow:   400ms;
  --duration-slower: 600ms;

  /* ─── Layout — margens generosas, o respiro é parte da mensagem ─── */
  --container-max: 1240px;
  --container-md:  920px;
  --container-sm:  680px;
  --nav-height:    84px;
  --section-py:    var(--space-32);
}

@media (max-width: 768px) {
  :root {
    --text-6xl: 3rem;
    --text-7xl: 3rem;
    --text-8xl: 3.5rem;
    --nav-height: 64px;
    --section-py: var(--space-20);
  }
}