:root {
  --marinho: #001C45;
  --azul: #008CC8;
  --azul-acao: #0077AD;
  --azul-acao-hover: #006FA3;
  --laranja: #F45E00;
  --laranja-texto: #C44B00;
  --fundo: #F5F7FA;
  --superficie: #FFFFFF;
  --linha: #E3E8EF;
  --texto: var(--marinho);
  --texto-2: #5B6B82;
  --texto-3: #8A97AA;
  --sucesso: #1F8A5B;
  --erro: #C8283A;

  --raio-painel: 10px;
  --raio-controle: 8px;
  --raio-status: 2px;

  --sombra-flutuante: 0 8px 24px rgba(0, 28, 69, .12);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fundo: #081427;
    --superficie: #0E1D35;
    --linha: #1C2E4A;
    --texto: #E6ECF3;
    --texto-2: #8FA0B8;
    --azul: #3AAFE3;
    --laranja: #FF7A2E;
  }
}

:root[data-theme="dark"] {
  --fundo: #081427;
  --superficie: #0E1D35;
  --linha: #1C2E4A;
  --texto: #E6ECF3;
  --texto-2: #8FA0B8;
  --azul: #3AAFE3;
  --laranja: #FF7A2E;
}