/*
  Selo — design tokens
  ---------------------------------------------------------------------------
  FONTE DAS CORES: extraídas verbatim do e-mail transacional de confirmação
  de pedido já escrito em produção (selo-mp-webhook.php, hub-catolico/web) —
  é a única peça de marca da Selo confirmada em código real hospedado, então
  é a fonte de verdade usada aqui enquanto o documento canônico de marca
  (Google Drive) não pôde ser lido nesta sessão (timeout persistente de
  streaming do Drive neste Mac — tentado repetidas vezes, .md e brandbook/
  assets binários, todos falharam mesmo com timeout de até 240s por arquivo).

  TIPOGRAFIA: NÃO CONFIRMADA no doc canônico por causa do mesmo bloqueio.
  A dupla abaixo (Fraunces serif editorial + Inter sans utilitária) é uma
  escolha PROVISÓRIA alinhada à direção de arte pedida (ramp.com — serif
  heroica, cor única dominante) e ao tom oryzo.ai (editorial). Precisa ser
  confirmada ou substituída assim que o brandbook/index.html puder ser lido
  de verdade (ver relatório final para o encaminhamento).
*/

:root {
  /* cor — confirmada via código de produção */
  --selo-cream: #f4ecdf;       /* fundo claro / parchment */
  --selo-cream-soft: #ece2d0;  /* fundo secundário, cards claros */
  --selo-ink: #1f1d22;         /* quase-preto — fundo escuro, texto sobre claro */
  --selo-ink-soft: #2b282f;    /* variação de superfície escura */
  --selo-gold: #caa253;        /* acento único dominante */
  --selo-gold-dim: #a9834a;    /* acento em hover/pressed */
  --selo-text-on-dark: #d8cdb9;
  --selo-muted: #9b9285;
  --selo-muted-2: #8f8678;      /* uso só sobre fundo ESCURO (--selo-ink) — 4.65:1, AA ok */
  --selo-text-muted: #6b6558;   /* uso sobre fundo CLARO (creme/branco) — 4.94:1, AA ok. #8f8678 sobre creme dá só 3.06:1 e falha AA pra texto normal. */
  --selo-line: rgba(216, 205, 185, 0.16);
  --selo-line-on-cream: rgba(31, 29, 34, 0.12);
  --selo-danger: #a34530;      /* 5.2:1 sobre creme — #b8543f original dava só 4.1:1, abaixo de AA pra texto normal */
  --selo-success: #4f6b3f;     /* 5.1:1 sobre creme — #6f8f5c original dava só 3.1:1, abaixo de AA pra texto normal */

  /* tipografia — PROVISÓRIA, ver nota acima */
  --font-display: "Fraunces", "Iowan Old Style", "Georgia", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-hero: clamp(2.6rem, 5vw + 1rem, 5.2rem);
  --fs-h1: clamp(2.1rem, 3vw + 1rem, 3.2rem);
  --fs-h2: clamp(1.5rem, 2vw + 0.8rem, 2.1rem);
  --fs-h3: 1.25rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-base: 220ms;

  --max-width: 1240px;
  --z-header: 100;
  --z-overlay: 200;
}