:root,
[data-tema="claro"] {
  --roxo: #5D30D8;
  --preto: #000000;
  --branco: #FFFFFF;
  --roxo-alto: #7B52EE;
  --roxo-fundo: #4A24AE;
  --roxo-veu: #EFE9FE;
  --critico: #F0264A;
  --critico-texto: #D6103A;
  --critico-veu: #FFECF0;
  --atencao: #FF9A00;
  --atencao-texto: #C46E00;
  --atencao-veu: #FFF3DF;
  --ok: #00B87C;
  --ok-texto: #00966A;
  --ok-veu: #DFF9EE;
  --info: #2E6BFF;
  --info-veu: #E8EFFF;
  --base: #FFFFFF;
  --superficie: #FFFFFF;
  --superficie-2: #FAFAFD;
  --tinta: #12101A;
  --tinta-media: #4A4758;
  --tinta-fraca: #78758A;
  --borda: #EBEBF3;
  --borda-forte: #D8D8E6;
  --sombra: 0 1px 2px rgba(18,16,26,.05), 0 4px 12px rgba(18,16,26,.05), 0 14px 34px rgba(18,16,26,.06);
  --grade: transparent;
  --raio: 14px;
  --raio-pequeno: 9px;
  --alvo-toque: 44px;
  --foco: 2px solid var(--roxo);
  --fonte-interface: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

[data-tema="escuro"] {
  --roxo: #8B6BFF;
  --preto: #000000;
  --branco: #FFFFFF;
  --roxo-alto: #A98CFF;
  --roxo-fundo: #7451F5;
  --roxo-veu: #1B1436;
  --critico: #FF4D6A;
  --critico-texto: #FF7188;
  --critico-veu: #2B0F17;
  --atencao: #FFB020;
  --atencao-texto: #FFC456;
  --atencao-veu: #2B1E08;
  --ok: #2FE6A0;
  --ok-texto: #5CFFBC;
  --ok-veu: #06231A;
  --info: #4D8DFF;
  --info-veu: #0D1830;
  --base: #080A0E;
  --superficie: #101419;
  --superficie-2: #151A21;
  --tinta: #E9EEF2;
  --tinta-media: #9AA7B3;
  --tinta-fraca: #6C7885;
  --borda: #1D252E;
  --borda-forte: #2A343F;
  --sombra: 0 1px 2px rgba(0,0,0,.5), 0 12px 32px rgba(0,0,0,.45);
  --grade: rgba(47,230,160,.045);
}