/* Briquiz — tokens da marca (gerado de tokens.json) */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap');

:root {
  /* Cores */
  --tijolo: #D9480F;
  --tijolo-forte: #B83A0A;
  --tijolo-borda: #9E3108;
  --turquesa: #0B7D74;
  --turquesa-borda: #075A54;
  --sol: #FFC21A;
  --sol-borda: #C99000;
  --violeta: #5B3FD9;
  --violeta-borda: #3B2799;
  --ink: #1C1B3A;
  --ink-borda: #0E0D22;
  --texto-suave: #5B5A72;
  --giz: #FFF8EF;
  --branco: #FFFFFF;
  --areia: #F3EADC;
  --linha: #E8E1D6;
  --linha-forte: #8C8374;
  --sucesso: #157A45;
  --erro: #B23030;
  /* Espaçamento */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  /* Cantos */
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  /* Sombras */
  --shadow-bloco: 0 6px 0 rgba(28, 27, 58, 0.28);
  --shadow-bloco-pressionado: 0 2px 0 rgba(28, 27, 58, 0.28);
  --shadow-cartao: 0 2px 0 rgba(28, 27, 58, 0.08), 0 12px 32px rgba(28, 27, 58, 0.08);
  /* Fontes */
  --font-display: "Fredoka", "Nunito", system-ui, sans-serif;
  --font-texto: "Nunito", system-ui, sans-serif;
}

.display-xl { font-family: var(--font-display); font-size: 64px; line-height: 64px; font-weight: 700; letter-spacing: -0.5px; }
.display-l { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 600; }
.titulo { font-family: var(--font-display); font-size: 28px; line-height: 32px; font-weight: 600; }
.resposta { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 700; }
.pin { font-family: var(--font-display); font-size: 48px; line-height: 52px; font-weight: 700; letter-spacing: 6px; }
.corpo { font-family: var(--font-texto); font-size: 16px; line-height: 24px; font-weight: 400; }
.corpo-forte { font-family: var(--font-texto); font-size: 16px; line-height: 24px; font-weight: 700; }
.botao { font-family: var(--font-texto); font-size: 19px; line-height: 24px; font-weight: 800; }
.legenda { font-family: var(--font-texto); font-size: 13px; line-height: 18px; font-weight: 600; }