:root {
  color-scheme: light;
  --preto: #111111;
  --preto-2: #1b1b1b;
  --texto: #171717;
  --texto-2: #727272;
  --texto-3: #a3a3a3;
  --linha: #ececec;
  --linha-forte: #dfdfdf;
  --fundo: #f3f3f2;
  --superficie: #ffffff;
  --superficie-2: #f7f7f7;
  --superficie-3: #efefef;
  --superficie-hover: #f6f6f6;
  --campo: #f5f5f5;
  --campo-borda: #dedede;
  --contraste: #171717;
  --texto-contraste: #ffffff;
  --barra-mobile: #171717;
  --texto-barra: #bdbdbd;
  --texto-barra-ativo: #ffffff;
  --bolha-minha: #171717;
  --texto-bolha-minha: #ffffff;
  --verde: #28d447;
  --perigo: #d94b4b;
  --raio: 26px;
  --sombra: 0 18px 48px rgba(0,0,0,.08);
  --sombra-painel: -20px 0 60px rgba(0,0,0,.16);
  --sobreposicao: rgba(0,0,0,.23);
  --fonte: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-tema="escuro"] {
  color-scheme: dark;
  --preto: #f3f3f3;
  --preto-2: #e7e7e7;
  --texto: #f2f2f2;
  --texto-2: #b8b8ba;
  --texto-3: #858589;
  --linha: #2a2a2d;
  --linha-forte: #37373b;
  --fundo: #0f0f10;
  --superficie: #151517;
  --superficie-2: #1c1c1f;
  --superficie-3: #242428;
  --superficie-hover: #202024;
  --campo: #202024;
  --campo-borda: #3a3a3f;
  --contraste: #f4f4f5;
  --texto-contraste: #141416;
  --barra-mobile: #0b0b0c;
  --texto-barra: #9c9ca1;
  --texto-barra-ativo: #ffffff;
  --bolha-minha: #f1f1f2;
  --texto-bolha-minha: #121214;
  --verde: #35da57;
  --sombra: 0 22px 54px rgba(0,0,0,.36);
  --sombra-painel: -20px 0 60px rgba(0,0,0,.45);
  --sobreposicao: rgba(0,0,0,.48);
}