/* Cartas da Semana — gerado de tokens.json */
@font-face { font-family: 'Cinzel Decorative'; src: url('../fontes/CinzelDecorative-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cinzel Decorative'; src: url('../fontes/CinzelDecorative-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cinzel Decorative'; src: url('../fontes/CinzelDecorative-900.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cinzel'; src: url('../fontes/Cinzel-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cinzel'; src: url('../fontes/Cinzel-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cinzel'; src: url('../fontes/Cinzel-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cinzel'; src: url('../fontes/Cinzel-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cormorant Garamond'; src: url('../fontes/CormorantGaramond-Variable.woff2') format('woff2'); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cormorant Garamond'; src: url('../fontes/CormorantGaramond-Italic-Variable.woff2') format('woff2'); font-weight: 300 700; font-style: italic; font-display: swap; }
:root, [data-theme="dark"] {
  --noite: #0E0618;
  --ametista: #241040;
  --roxo-real: #3D1A6E;
  --violeta: #6B2FA8;
  --lavanda: #B79BE0;
  --ouro: #D4AF37;
  --ouro-claro: #F3D98B;
  --ouro-velho: #A87C24;
  --creme: #F5E9D0;
  --rubi: #A3123A;
  --fundo: var(--noite);
  --fundo-cartao: #1C0D33;
  --fundo-destaque: #2A1350;
  --bolha: var(--ametista);
  --tinta: var(--creme);
  --tinta-suave: #CDB9E8;
  --ouro-texto: var(--ouro);
  --rubi-texto: #E8577A;
  --linha: #3A2266;
  --borda-controle: #8E6CC0;
  --acao: var(--ouro);
  --acao-tinta: var(--noite);
  --progresso-trilho: #2E1A52;
  --foco: var(--ouro-claro);
  --brilho-ouro: 0 0 28px rgba(212, 175, 55, 0.35);
  --sombra-carta: 0 14px 36px rgba(0, 0, 0, 0.6);
  --sombra-suave: 0 4px 14px rgba(0, 0, 0, 0.45);
}
[data-theme="light"] {
  --fundo: #F7EEDC;
  --fundo-cartao: #FFF8EA;
  --fundo-destaque: #EADCF5;
  --bolha: #FFFDF8;
  --tinta: #2A0F45;
  --tinta-suave: #5B3D7A;
  --ouro-texto: #7C5A12;
  --rubi-texto: var(--rubi);
  --linha: #E0CFA8;
  --borda-controle: #8A6BB0;
  --acao: var(--roxo-real);
  --acao-tinta: var(--creme);
  --progresso-trilho: #E4D6EE;
  --foco: #2A0F45;
  --brilho-ouro: 0 6px 20px rgba(124, 90, 18, 0.22);
  --sombra-carta: 0 12px 28px rgba(42, 15, 69, 0.28);
  --sombra-suave: 0 3px 10px rgba(42, 15, 69, 0.1);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-carta: 12px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-arco: 999px;
  --radius-pill: 999px;
  --font-ornamento: "Cinzel Decorative", "Cinzel", Georgia, serif;
  --font-gravura: "Cinzel", "Trajan Pro", Georgia, serif;
  --font-texto: "Cormorant Garamond", "Cormorant", Garamond, Georgia, serif;
}
.display { font-family: var(--font-ornamento); font-size: 48px; line-height: 52px; font-weight: 700; letter-spacing: 0.03em; }
.numero { font-family: var(--font-ornamento); font-size: 48px; line-height: 52px; font-weight: 700; }
.titulo { font-family: var(--font-gravura); font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: 0.06em; }
.sobretitulo { font-family: var(--font-gravura); font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: 0.2em; }
.botao { font-family: var(--font-gravura); font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: 0.1em; }
.pergunta { font-family: var(--font-texto); font-size: 34px; line-height: 40px; font-weight: 500; }
.fala { font-family: var(--font-texto); font-size: 24px; line-height: 32px; font-weight: 500; font-style: italic; }
.corpo { font-family: var(--font-texto); font-size: 20px; line-height: 30px; font-weight: 500; }
.corpo-pequeno { font-family: var(--font-texto); font-size: 17px; line-height: 24px; font-weight: 500; }
.legenda { font-family: var(--font-texto); font-size: 16px; line-height: 22px; font-weight: 500; font-style: italic; }
.opcao { font-family: var(--font-texto); font-size: 22px; line-height: 28px; font-weight: 600; }