/* Yilbit — gerado de brand/design-system/tokens.json; não edite à mão. */

:root {
  --creme: #fbf8f3;
  --branco: #ffffff;
  --neutro: #f3efe8;
  --linha: #e6e1d8;
  --tinta: #1b1240;
  --cinza: #5b5670;
  --laranja: #fd6a41;
  --on-laranja: #1b1240;
  --laranja-claro: #ffede5;
  --laranja-texto: #b4380e;
  --noite: #1b1240;
  --violeta: #3b1e78;
  --ciano: #19c3c8;
  --rosa: #ff3d8b;
  --amarelo: #ffc93c;
  --ciano-claro: #ddf6f7;
  --rosa-claro: #ffe0ec;
  --amarelo-claro: #fff0c7;
  --on-claro: #1b1240;
  --texto-noite: #c9c4dc;
  --sombra-1: 2px 2px 0 #1b1240;
  --sombra-2: 3px 3px 0 #1b1240;
  --sombra-3: 4px 4px 0 #1b1240;
  --sombra-4: 6px 6px 0 #1b1240;
  --sombra-rosa: 8px 8px 0 #ff3d8b;
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 10px;
  --espaco-4: 12px;
  --espaco-5: 16px;
  --espaco-6: 20px;
  --espaco-7: 24px;
  --espaco-8: 26px;
  --espaco-9: 48px;
  --espaco-10: 96px;
  --raio-selo: 4px;
  --raio-botao: 8px;
  --raio-oferta: 12px;
  --raio-cartao: 14px;
  --raio-balao: 16px;
  --raio-bloco: 20px;
  --raio-palco: 28px;
  --raio-pilula: 999px;
  --font-largo: "Archivo", "Arial Black", system-ui, sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-lcd: "VT323", ui-monospace, monospace;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --creme: #1b1240;
  --branco: #261e4a;
  --neutro: #322a53;
  --linha: #3b335b;
  --tinta: #fbf8f3;
  --cinza: #c9c4dc;
  --laranja: #fd6a41;
  --on-laranja: #1b1240;
  --laranja-claro: #3b1e78;
  --laranja-texto: #ffb48f;
  --noite: #1b1240;
  --violeta: #3b1e78;
  --ciano: #19c3c8;
  --rosa: #ff3d8b;
  --amarelo: #ffc93c;
  --ciano-claro: #ddf6f7;
  --rosa-claro: #ffe0ec;
  --amarelo-claro: #fff0c7;
  --on-claro: #1b1240;
  --texto-noite: #c9c4dc;
  --sombra-1: 2px 2px 0 #fbf8f3;
  --sombra-2: 3px 3px 0 #fbf8f3;
  --sombra-3: 4px 4px 0 #fbf8f3;
  --sombra-4: 6px 6px 0 #fbf8f3;
  --sombra-rosa: 8px 8px 0 #ff3d8b;
  color-scheme: dark;
}
}

:root[data-theme="dark"] {
  --creme: #1b1240;
  --branco: #261e4a;
  --neutro: #322a53;
  --linha: #3b335b;
  --tinta: #fbf8f3;
  --cinza: #c9c4dc;
  --laranja: #fd6a41;
  --on-laranja: #1b1240;
  --laranja-claro: #3b1e78;
  --laranja-texto: #ffb48f;
  --noite: #1b1240;
  --violeta: #3b1e78;
  --ciano: #19c3c8;
  --rosa: #ff3d8b;
  --amarelo: #ffc93c;
  --ciano-claro: #ddf6f7;
  --rosa-claro: #ffe0ec;
  --amarelo-claro: #fff0c7;
  --on-claro: #1b1240;
  --texto-noite: #c9c4dc;
  --sombra-1: 2px 2px 0 #fbf8f3;
  --sombra-2: 3px 3px 0 #fbf8f3;
  --sombra-3: 4px 4px 0 #fbf8f3;
  --sombra-4: 6px 6px 0 #fbf8f3;
  --sombra-rosa: 8px 8px 0 #ff3d8b;
  color-scheme: dark;
}