/* ============================================================
   MULTIPLIQUE — EDUCAÇÃO FINANCEIRA
   Design Tokens · VERSÃO WEB · v1.0
   ------------------------------------------------------------
   ⚠ USO EXCLUSIVO PARA SITES / PRODUTOS DIGITAIS.
   Substitui as fontes proprietárias (Royale / Blacker / Gotham)
   por equivalentes do Google Fonts — leves e rápidas de carregar.
   Para peças gráficas, impressos e materiais oficiais use
   `tokens.css` (fontes da marca).

   Pareamento (2 opções por fonte — escolha 1 de cada):
     Royale  → Cormorant Garamond  ·  Playfair Display
     Blacker → DM Serif Display     ·  Lora
     Gotham  → Manrope              ·  Inter
   Defaults abaixo: Cormorant + DM Serif/Lora + Manrope.
   Para trocar, comente/descomente as linhas --font-*.
   ============================================================ */

/* ALTERADO EM RELACAO AO ORIGINAL: o @import da marca carrega seis familias
   (Cormorant, Playfair, DM Serif, Lora, Manrope, Inter). Esta dashboard usa
   apenas as tres da opcao A, entao o import foi reduzido a elas. Nenhum token
   foi tocado. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Serif+Display&family=Manrope:wght@300;400;500;600;700&display=swap');

:root {
  /* ---------- CORES DA MARCA (idênticas à versão print) ---------- */
  --bordo:        #622019;
  --vermelho:     #781f19;
  --terracota:    #9b5632;
  --dourado:      #c39d78;
  --areia:        #e6d4bc;
  --preto:        #000000;
  --branco:       #ffffff;

  /* ---------- NEUTROS DERIVADOS ---------- */
  --creme:        #f7f1e8;
  --creme-papel:  #fdfaf5;
  --areia-suave:  #efe3d2;
  --tinta:        #3a1812;
  --tinta-suave:  #6b4a3f;
  --linha:        #e4d6c4;

  /* ---------- GRADIENTES ---------- */
  --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%);

  /* ---------- TIPOGRAFIA — ALTERNATIVAS GOOGLE FONTS ---------- */
  /* Royale (principal · CAIXA ALTA) — opção A padrão / opção B comentada */
  --font-royale: "Cormorant Garamond", "Times New Roman", serif;
  /* --font-royale: "Playfair Display", "Times New Roman", serif; */

  /* Blacker Display (títulos secundários) */
  --font-display: "DM Serif Display", Georgia, serif;
  /* --font-display: "Lora", Georgia, serif; */

  /* Blacker Text (leitura editorial) */
  --font-text: "Lora", Georgia, serif;

  /* Gotham (interface/apoio + TODOS os números) */
  --font-apoio: "Manrope", "Helvetica Neue", Arial, sans-serif;
  /* --font-apoio: "Inter", "Helvetica Neue", Arial, sans-serif; */

  /* Cormorant é mais leve que a Royale: para títulos em caixa alta,
     prefira peso 500–600 para manter presença. */

  /* escala tipográfica */
  --fs-display: clamp(3rem, 8vw, 6.5rem);
  --fs-h1: clamp(2.4rem, 5vw, 4rem);
  --fs-h2: clamp(1.8rem, 3.2vw, 2.6rem);
  --fs-h3: 1.5rem;
  --fs-h4: 1.175rem;
  --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;

  /* ---------- ESPAÇO / RAIO / SOMBRA (idênticos) ---------- */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem;
  --sp-9: 6rem; --sp-10: 8rem;

  --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);
}

/* Regra de caractere mantida: Royale (Cormorant/Playfair) só em caixa alta;
   para números, use sempre Gotham (Manrope/Inter). */