/* Design system Multiplique — tokens + webfonts.
   Bloco :root: interface imutável 1 de docs/CONTRATO-onda-0.md (diff zero).
   Fontes: extraídas do "Design System Multiplique.html" por tools/extract-fonts.mjs. */

:root {
  --bordo: #622019; --vermelho: #781f19; --terracota: #9b5632;
  --dourado: #c39d78; --areia: #e6d4bc; --preto: #000000; --branco: #ffffff;
  --creme: #f7f1e8; --creme-papel: #fdfaf5; --areia-suave: #efe3d2;
  --tinta: #3a1812; --tinta-suave: #6b4a3f; --linha: #e4d6c4;
  --grad-ouro-branco: linear-gradient(135deg,#f1e6d6 0%,#d9c0a6 28%,#b89479 52%,#c8a98c 70%,#ecdcc7 100%);
  --grad-bordo: linear-gradient(150deg,#781f19 0%,#622019 60%,#4a160f 100%);
  --font-royale: "Royale","Times New Roman",serif;
  --font-display: "Blacker Display",Georgia,serif;
  --font-text: "Blacker Text",Georgia,serif;
  --font-apoio: "Gotham","Helvetica Neue",Arial,sans-serif;
  --fs-display: clamp(3rem,8vw,6.5rem);
  --fs-body-lg: 1.125rem; --fs-body: 1rem; --fs-small: 0.875rem; --fs-caption: 0.75rem;
  --lh-tight: 1.05; --lh-snug: 1.25; --lh-body: 1.65;
  --ls-royale: 0.14em; --ls-eyebrow: 0.32em;
  --r-sm: 4px; --r-md: 8px; --r-lg: 16px; --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(74,22,15,.06),0 4px 12px rgba(74,22,15,.05);
  --shadow-md: 0 4px 16px rgba(74,22,15,.08),0 18px 48px rgba(74,22,15,.07);
  --shadow-lg: 0 20px 60px rgba(74,22,15,.14);
  --maxw: 1240px; --ease: cubic-bezier(.22,.61,.36,1);
}

/* ROYALE — principal · títulos, datas, horários · apenas caixa alta */
@font-face {
  font-family: "Royale";
  src: url("../fonts/royale-300.woff2") format("woff2");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Royale";
  src: url("../fonts/royale-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Royale";
  src: url("../fonts/royale-600.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Royale";
  src: url("../fonts/royale-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

/* BLACKER — secundária · Display para títulos, Text para leitura */
@font-face {
  font-family: "Blacker Display";
  src: url("../fonts/blacker-display-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Blacker Display";
  src: url("../fonts/blacker-display-400-italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Blacker Display";
  src: url("../fonts/blacker-display-500.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Blacker Display";
  src: url("../fonts/blacker-display-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Blacker Text";
  src: url("../fonts/blacker-text-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Blacker Text";
  src: url("../fonts/blacker-text-500.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}

/* GOTHAM — apoio · corpo maior, créditos, interface */
@font-face {
  font-family: "Gotham";
  src: url("../fonts/gotham-400.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/gotham-500.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/gotham-700.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}