/* Gerado por ferramentas/gerar-tokens.mjs a partir de design/tokens.json. Não editar à mão. */
@font-face { font-family: "Baloo 2"; font-style: normal; font-weight: 600 800; font-display: swap; src: url("/assets/fontes/baloo2.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Quicksand"; font-style: normal; font-weight: 500 700; font-display: swap; src: url("/assets/fontes/quicksand.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --ink: #2B2233;
  --ink-soft: #6A5F75;
  --ink-mute: #7A7086;
  --surface: #FFFFFF;
  --surface-soft: #F3EFF6;
  --surface-sunk: #F7F4F9;
  --line: #F1ECF4;
  --line-strong: #E3DEEA;
  --pink: #E0306F;
  --on-pink: #FFFFFF;
  --heart: #FF4F87;
  --focus: #8A6CFF;
  --ring-1: #FFD25E;
  --ring-2: #FF8A5C;
  --ring-3: #FF5C9A;
  --ring-4: #B46BFF;
  --sun-soft: #FFF1D6;
  --sun-ink: #8A5A00;
  --sky-soft: #E6F0FF;
  --sky-ink: #1F5FAF;
  --rose-soft: #FFE6F0;
  --rose-ink: #A8235A;
  --mint-soft: #E3FAF0;
  --mint-ink: #11624A;
  --lilac-soft: #EAE3FF;
  --lilac-ink: #5B3FD0;
  --lilac-bar: #D8CCFF;
  --success: #3CC48A;
  --illus-sun: #FFC94D;
  --illus-petal: #FF8FB1;
  --illus-leaf: #5CC99B;
  --illus-sky: #A9D8FF;
  --illus-bear: #DDA06D;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-gutter: 14px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-card: 26px;
  --radius-sheet: 34px;
  --radius-pill: 999px;
  --shadow-sticker: 0 8px 20px -8px rgba(43, 34, 51, 0.35);
  --shadow-float: 0 10px 30px -10px rgba(43, 34, 51, 0.28);
  --shadow-sheet: 0 -10px 40px -10px rgba(43, 34, 51, 0.3);
  --tap: 44px;
  --avatar-post: 38px;
  --avatar-story: 72px;
  --header: 58px;
  --nav: 82px;
  --font-display: "Baloo 2", "Quicksand", system-ui, sans-serif;
  --font-body: "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.cartaz { font-family: var(--font-display); font-size: 40px; line-height: 40px; font-weight: 800; }
.tela { font-family: var(--font-display); font-size: 30px; line-height: 32px; font-weight: 800; }
.folha { font-family: var(--font-display); font-size: 28px; line-height: 31px; font-weight: 800; }
.escola { font-family: var(--font-display); font-size: 25px; line-height: 25px; font-weight: 800; }
.cartao { font-family: var(--font-display); font-size: 24px; line-height: 26px; font-weight: 800; }
.nome { font-family: var(--font-display); font-size: 15px; line-height: 18px; font-weight: 700; }
.numero { font-family: var(--font-display); font-size: 40px; line-height: 40px; font-weight: 800; }
.corpo-grande { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 600; }
.corpo { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 600; }
.botao { font-family: var(--font-body); font-size: 15px; line-height: 20px; font-weight: 700; }
.legenda { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 600; }