:root {
  color-scheme: dark;

  --magenta: #E6007E;
  --magenta-cl: #FF2D87;
  --magenta-cl2: #FF4DA6;

  --shell: #050508;
  --bg: #0A090D;
  --panel: #141319;
  --panel-2: #1C1B23;
  --txt: #FFFFFF;
  --txt-2: #B3B3BD;
  --txt-3: #8C8C96;
  --line: rgba(255, 255, 255, .16);
  --line-soft: rgba(255, 255, 255, .10);
  --accent-txt: #FF2D87;
  --hover: rgba(230, 0, 126, .14);
  --shadow: 0 18px 60px rgba(0, 0, 0, .55);
  --veil: rgba(0, 0, 0, .58);

  --ok: #2FBF71;
  --warn: #F5B301;
  --bad: #FF5A5F;
  --neutral: #8C8C96;
  --c-custo: #6B7690;
  --c-imposto: #8B6FE8;
  --c-taxa: #3FA9D6;
  --c-despesa: #D98C3F;
  --c-lucro: #2FBF71;

  --head: 'Baloo Thambi 2', system-ui, sans-serif;
  --body: 'Open Sans', system-ui, sans-serif;

  --raio: 12px;
  --raio-sm: 8px;
}

:root[data-tema="claro"] {
  color-scheme: light;
  --shell: #ECE9F0;
  --bg: #F6F4F8;
  --panel: #FFFFFF;
  --panel-2: #F1EEF5;
  --txt: #17151C;
  --txt-2: #4B4958;
  --txt-3: #76738A;
  --line: rgba(23, 21, 28, .20);
  --line-soft: rgba(23, 21, 28, .10);
  --accent-txt: #C4006A;
  --hover: rgba(230, 0, 126, .09);
  --shadow: 0 18px 50px rgba(30, 20, 50, .18);
  --veil: rgba(20, 16, 30, .45);
  --ok: #1B8F52;
  --warn: #A97A00;
  --bad: #D2343A;
  --neutral: #76738A;
  --c-custo: #7B869E;
  --c-imposto: #7B5CE0;
  --c-taxa: #2B93C2;
  --c-despesa: #C77A2B;
  --c-lucro: #1B8F52;
}