/* Tokens de design: cores da interface e tema escuro.
   Para mudar as cores da interface, altere só este arquivo. */

:root {
  --page: #e8ebee;
  --panel: #ffffff;
  --panel-2: #f2f4f6;
  --line: #d3d9df;
  --text: #1b1e23;
  --muted: #58616c;
  --bezel: #26292e;
  --key: #23262b;
  --confirma: #129e4b;
  --confirma-ink: #ffffff;
  --corrige: #ee8a1c;
  --focus: #1463d8;
  --brand-navy: #102562;
  --brand-green: #0e924f;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --page: #131518;
    --panel: #1d2024;
    --panel-2: #25292e;
    --line: #353b42;
    --text: #eef0f3;
    --muted: #a2aab4;
    --bezel: #0c0d0f;
    --key: #0f1113;
    --focus: #6aa4ff;
    --brand-navy: #eef0f3;
    --brand-green: #3cc47f;
    color-scheme: dark;
  }
}

:root[data-theme='dark'] {
  --page: #131518;
  --panel: #1d2024;
  --panel-2: #25292e;
  --line: #353b42;
  --text: #eef0f3;
  --muted: #a2aab4;
  --bezel: #0c0d0f;
  --key: #0f1113;
  --focus: #6aa4ff;
  --brand-navy: #eef0f3;
  --brand-green: #3cc47f;
  color-scheme: dark;
}