/* ============================================================
   DOUTOR RESTAURANTE — brand.css
   Fonte única de verdade de cor, fonte e raio. Nenhum #hex,
   nenhum font-family fora daqui (ver CLAUDE.md regra 3).
   Leitura da logo em ARQUITETURA.md §4.
   ============================================================ */

:root {
  /* ---------- Cor ---------- */
  --ink:        #0A0A0B;  /* fundo principal — preto quase absoluto, frio */
  --ink-2:      #121215;  /* superfície elevada, card */
  --ink-3:      #1C1C21;  /* borda sutil, divisor */
  --cream:      #F4F1EA;  /* texto sobre escuro, superfície clara */
  --cream-dim:  #A8A49B;  /* texto secundário */
  --gold:       #D4AF5F;  /* acento sólido: borda, ícone, rótulo — nunca corpo de texto */
  --gold-deep:  #8A6B28;  /* sombra do foil */
  --gold-light: #F7EFD2;  /* brilho do foil */

  --foil: linear-gradient(118deg,
    var(--gold-deep) 0%, var(--gold) 28%, var(--gold-light) 48%,
    #C9A24A 64%, #7A5C21 100%);

  /* superfícies e texto — indireção pra permitir seção clara (§03 do método) */
  --surface: var(--ink);
  --on-surface: var(--cream);
  --on-surface-dim: var(--cream-dim);
  --surface-alt: var(--ink-2);
  --border: var(--ink-3);

  /* ---------- Fonte ---------- */
  /* Google Fonts na F0 (rápido pra montar); ARQUITETURA §4 pede repertório
     latin-ext validado antes de virar definitivo — self-hospedar na F5/F6
     se o LCP não aguentar o peso da CDN externa. */
  --font-display: "Bodoni Moda", "Times New Roman", serif;
  --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", monospace;

  /* ---------- Forma ---------- */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-squircle: 34%; /* ecoa o cantos do ícone da marca */

  /* ---------- Ritmo ---------- */
  --gutter: clamp(20px, 5vw, 64px);
  --section-pad: clamp(64px, 10vw, 140px);
  --max-w: 1240px;

  /* ---------- Movimento ---------- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: .2s;
  --dur-med: .5s;
}

/* Seção clara (§03 · O MÉTODO pede fundo creme, preto sobre claro) */
[data-surface="paper"] {
  --surface: var(--cream);
  --on-surface: var(--ink);
  --on-surface-dim: #5C584E;
  --surface-alt: #EAE6DB;
  --border: #DAD5C7;
}
/* Branco puro — quebra de respiro entre cenas escuras (Home, "Por que isso
   acontece"). Diferente do paper creme de propósito. */
[data-surface="white"] {
  --surface: #FFFFFF;
  --on-surface: var(--ink);
  --on-surface-dim: #55524A;
  --surface-alt: #F6F4EF;
  --border: #E6E2D8;
}