/* Cores do Material 3 em preto e branco, fiéis à placa do logo (fundo #020202). O vermelho fica só dentro do logo. */
:root {
  color-scheme: dark;
  --md-sys-color-primary: #ffffff;
  --md-sys-color-on-primary: #020202;
  --md-sys-color-primary-container: #e8e8e8;
  --md-sys-color-on-primary-container: #020202;
  --md-sys-color-inverse-primary: #020202;
  --md-sys-color-secondary: #c8c8c8;
  --md-sys-color-on-secondary: #1a1a1a;
  --md-sys-color-secondary-container: #2e2e2e;
  --md-sys-color-on-secondary-container: #ececec;
  --md-sys-color-tertiary: #c8c8c8;
  --md-sys-color-on-tertiary: #1a1a1a;
  --md-sys-color-tertiary-container: #2e2e2e;
  --md-sys-color-on-tertiary-container: #ececec;
  --md-sys-color-error: #ffffff;
  --md-sys-color-on-error: #020202;
  --md-sys-color-error-container: #3a3a3a;
  --md-sys-color-on-error-container: #ffffff;
  --md-sys-color-background: #020202;
  --md-sys-color-on-background: #ffffff;
  --md-sys-color-surface: #020202;
  --md-sys-color-on-surface: #ffffff;
  --md-sys-color-surface-variant: #2a2a2a;
  --md-sys-color-on-surface-variant: #bdbdbd;
  --md-sys-color-surface-dim: #020202;
  --md-sys-color-surface-bright: #2c2c2c;
  --md-sys-color-surface-container-lowest: #000000;
  --md-sys-color-surface-container-low: #0e0e0e;
  --md-sys-color-surface-container: #151515;
  --md-sys-color-surface-container-high: #1d1d1d;
  --md-sys-color-surface-container-highest: #272727;
  --md-sys-color-inverse-surface: #f2f2f2;
  --md-sys-color-inverse-on-surface: #1a1a1a;
  --md-sys-color-outline: #8c8c8c;
  --md-sys-color-outline-variant: #3a3a3a;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-surface-tint: #ffffff;
}