/* Um arquivo so de tokens para os tres aplicativos. Trocar a identidade do
   sistema inteiro e mexer aqui, em nenhum outro lugar. */
:root {
  color-scheme: light dark;

  --cor-fundo: #f6f7f9;
  --cor-superficie: #ffffff;
  --cor-superficie-2: #eef1f5;
  --cor-borda: #d9dee6;
  --cor-texto: #10151c;
  --cor-texto-fraco: #5b6675;
  --cor-primaria: #1d4ed8;
  --cor-primaria-forte: #1e40af;
  --cor-primaria-suave: #e6edff;
  /* Cor do texto em cima da primaria. No claro, branco; no escuro, o proprio
     fundo escuro, porque azul e verde claros com texto branco nao alcancam
     4.5:1 e a tela fica ilegivel no sol. */
  --cor-texto-botao: #ffffff;
  --cor-sucesso: #0b6c3c;
  --cor-sucesso-suave: #e2f5eb;
  --cor-alerta: #96450a;
  --cor-alerta-suave: #fdf1de;
  --cor-erro: #b42318;
  --cor-erro-suave: #fdeceb;

  --espaco-1: .25rem;
  --espaco-2: .5rem;
  --espaco-3: .75rem;
  --espaco-4: 1rem;
  --espaco-5: 1.5rem;
  --espaco-6: 2rem;
  --espaco-7: 3rem;

  --raio-1: .375rem;
  --raio-2: .625rem;
  --raio-3: 1rem;
  --raio-cheio: 999px;

  --sombra-1: 0 1px 2px rgba(16, 21, 28, .06);
  --sombra-2: 0 4px 16px rgba(16, 21, 28, .10);

  --fonte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --fonte-numero: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;

  --largura-maxima: 72rem;
  --altura-toque: 2.75rem;
}

/* Sotaque por aplicativo: o mesmo CSS serve aos tres. */
[data-app="entregador"] {
  --cor-primaria: #0b6c3c;
  --cor-primaria-forte: #085530;
  --cor-primaria-suave: #e2f5eb;
}

[data-app="adm"] {
  --cor-primaria: #a3610a;
  --cor-primaria-forte: #8a5109;
  --cor-primaria-suave: #fdf1de;
}

[data-tema="escuro"] {
  --cor-fundo: #0e1116;
  --cor-superficie: #161b22;
  --cor-superficie-2: #1d242e;
  --cor-borda: #2b3541;
  --cor-texto: #e8edf4;
  --cor-texto-fraco: #9aa7b8;
  --cor-primaria: #5b8cff;
  --cor-primaria-forte: #7aa2ff;
  --cor-primaria-suave: #17233d;
  --cor-texto-botao: #0e1116;
  --cor-sucesso: #3ecf8e;
  --cor-sucesso-suave: #12281f;
  --cor-alerta: #f0b429;
  --cor-alerta-suave: #2a2113;
  --cor-erro: #ff6b6b;
  --cor-erro-suave: #2b1717;
  --sombra-1: 0 1px 2px rgba(0, 0, 0, .4);
  --sombra-2: 0 6px 20px rgba(0, 0, 0, .5);
}

[data-tema="escuro"][data-app="entregador"] {
  --cor-primaria: #3ecf8e;
  --cor-primaria-forte: #63dca6;
  --cor-primaria-suave: #12281f;
}

[data-tema="escuro"][data-app="adm"] {
  --cor-primaria: #f0b429;
  --cor-primaria-forte: #f6c85c;
  --cor-primaria-suave: #2a2113;
}