/* Gerado por @hauntr/design. Não edite à mão: mexa em src/tokens.ts. */
@font-face { font-family: "Comfortaa"; font-weight: 700; font-display: swap; src: url("/fontes/Comfortaa-700.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-weight: 500; font-display: swap; src: url("/fontes/Manrope-500.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-weight: 700; font-display: swap; src: url("/fontes/Manrope-700.ttf") format("truetype"); }
@font-face { font-family: "Manrope"; font-weight: 800; font-display: swap; src: url("/fontes/Manrope-800.ttf") format("truetype"); }

:root {
  --cor-noite: #0B0B0D;
  --cor-branco: #FFFFFF;
  --cor-menta: #4FE3A8;
  --cor-grafite: #1C1C20;
  --cor-nevoa: #F2F2EE;
  --fonte-marca: "Comfortaa", system-ui, sans-serif;
  --fonte-interface: "Manrope", system-ui, sans-serif;
  --texto-titulo: 40px;
  --texto-titulo-altura: 44px;
  --texto-titulo-peso: 800;
  --texto-subtitulo: 26px;
  --texto-subtitulo-altura: 32px;
  --texto-subtitulo-peso: 700;
  --texto-cabecalho: 17px;
  --texto-cabecalho-altura: 22px;
  --texto-cabecalho-peso: 700;
  --texto-corpo: 18px;
  --texto-corpo-altura: 26px;
  --texto-corpo-peso: 500;
  --texto-apoio: 15px;
  --texto-apoio-altura: 21px;
  --texto-apoio-peso: 500;
  --texto-legenda: 14px;
  --texto-legenda-altura: 20px;
  --texto-legenda-peso: 500;
  --raio-pequeno: 6px;
  --raio-medio: 14px;
  --raio-cartao: 20px;
  --raio-sheet: 28px;
  --raio-pilula: 999px;
  --espaco-xs: 4px;
  --espaco-sm: 8px;
  --espaco-md: 12px;
  --espaco-lg: 16px;
  --espaco-xl: 24px;
  --espaco-xxl: 32px;
  --espaco-xxxl: 48px;
}

/* tema: segue o sistema; data-tema="claro" ou "escuro" no <html> força um */
:root, [data-tema="escuro"] {
  --cor-fundo: 11 11 13;
  --cor-card: 28 28 32;
  --cor-card-elevado: 42 42 48;
  --cor-controle: 58 58 66;
  --cor-texto: 255 255 255;
  --cor-texto-secundario: 142 142 150;
  --cor-tinta: 255 255 255;
  --cor-sobre-texto: 11 11 13;
  --cor-marca: 79 227 168;
  --cor-sobre-marca: 11 11 13;
  --cor-marca-texto: 79 227 168;
  --cor-perigo: 255 90 95;
  --cor-aviso: 255 176 32;
  --cor-info: 90 169 255;
  --cor-veu: 11 11 13;
}
@media (prefers-color-scheme: light) {
  :root:not([data-tema="escuro"]) {
    --cor-fundo: 242 242 238;
    --cor-card: 255 255 255;
    --cor-card-elevado: 233 233 228;
    --cor-controle: 220 220 214;
    --cor-texto: 11 11 13;
    --cor-texto-secundario: 102 102 108;
    --cor-tinta: 11 11 13;
    --cor-sobre-texto: 255 255 255;
    --cor-marca: 79 227 168;
    --cor-sobre-marca: 11 11 13;
    --cor-marca-texto: 11 122 84;
    --cor-perigo: 217 58 64;
    --cor-aviso: 168 107 0;
    --cor-info: 31 111 209;
    --cor-veu: 11 11 13;
  }
}
[data-tema="claro"] {
  --cor-fundo: 242 242 238;
  --cor-card: 255 255 255;
  --cor-card-elevado: 233 233 228;
  --cor-controle: 220 220 214;
  --cor-texto: 11 11 13;
  --cor-texto-secundario: 102 102 108;
  --cor-tinta: 11 11 13;
  --cor-sobre-texto: 255 255 255;
  --cor-marca: 79 227 168;
  --cor-sobre-marca: 11 11 13;
  --cor-marca-texto: 11 122 84;
  --cor-perigo: 217 58 64;
  --cor-aviso: 168 107 0;
  --cor-info: 31 111 209;
  --cor-veu: 11 11 13;
}