/* ============================================================
   Axioma · tokens (22/10/2026)
   Fonte única de cor, tipo, espaço, forma e movimento.
   Feito para ser importado como está pelo app (crminstituto):
   nada aqui depende de classe do site.
   Decisões e contrastes: DESIGN.md §6 e §7.
   ============================================================ */

/* Fontes da marca, servidas pelo próprio domínio (sem CDN: nenhum IP de
   visitante vai para terceiro). Subconjunto latin, variáveis. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("/fonts/fraunces-sub.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/inter-sub.woff2") format("woff2");
}
/* Fallbacks com métrica ajustada: a troca de fonte não move o layout (CLS). */
@font-face {
  font-family: "Fraunces Fallback";
  src: local("Georgia"), local("Times New Roman");
  size-adjust: 96%;        /* medido em 22/10: Fraunces/Georgia = 1,03 a 40px e 0,85 a 120px */
  ascent-override: 96%;
  descent-override: 26%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Inter Fallback";
  src: local("Arial"), local("Helvetica Neue");
  size-adjust: 107.1%;     /* Inter é mais largo que Arial */
  ascent-override: 90.4%;
  descent-override: 22.5%;
  line-gap-override: 0%;
}

:root {
  /* ── Cor: papel, noite e uma luz ── */
  --noite: #190f17;        /* chão escuro; tinta no claro */
  --meia-noite: #231227;   /* superfície no escuro */
  --ameixa: #341b33;       /* degrau elevado no escuro */
  --areia: #f4efe4;        /* tinta no escuro (16.3:1) */
  --malva: #c7a9c3;        /* secundário no escuro (8.8:1) */
  --papel: #f8f6f2;        /* chão claro: papel de prontuário (osso, não creme) */
  --linho: #eeeae4;        /* degrau no claro */
  --tinta-2: #5e4d5b;      /* secundário no claro (6.7:1 em linho) */
  --luz: #ff3d9a;          /* ACENTO: fresta, foco, ação. Nunca em campo grande */
  --luz-tinta: #b0125f;    /* fúcsia para texto sobre papel (6.4:1) */
  --broto: #2f6d4f;        /* sim / sucesso (ação no produto) */
  --erro: #b4442e;

  /* ── Tipo ── */
  --f-display: "Fraunces", "Fraunces Fallback", Georgia, serif;
  --f-texto: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-display: clamp(52px, 8.2vw, 136px);
  --t-titulo: clamp(36px, 4.6vw, 72px);
  --t-sub: clamp(22px, 2vw, 30px);
  --t-corpo: clamp(17px, 1.15vw, 19px);
  --t-nota: 15px;
  --t-micro: 13px;
  --tr-display: -0.032em;
  --tr-titulo: -0.026em;

  /* ── Espaço e grade ── */
  --margem: clamp(20px, 3.4vw, 56px);
  --gutter: 24px;
  --secao: clamp(80px, 9vw, 144px);
  --largura: 1440px;
  /* o batente: início da coluna 6 de 12, a ~42% da largura útil */
  --eixo: calc((100% - 11 * var(--gutter)) / 12 * 5 + 5 * var(--gutter));

  /* ── Forma: cantos retos; a única curva é o arco da porta ── */
  --raio: 0px;
  --raio-ui: 6px;          /* controles do app */
  --fresta: 3px;           /* a linha de luz */

  /* ── Movimento ── */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --d-rapido: 160ms;       /* pressão, hover */
  --d-ui: 240ms;           /* abrir, trocar estado */
  --d-entrada: 800ms;      /* entrada de seção */

  /* ── Foco ── */
  --foco: 2px solid var(--luz);
  --foco-offset: 3px;
}