/* 3F'S DELIVERY — a identidade, e só ela.
 *
 * LARANJA CHEIO sobre azul-noite, a mesma paleta do aplicativo. É a gramática
 * que faz o Expresso funcionar — uma cor quente sozinha sobre fundo frio
 * profundo — com o ouro trocado pelo laranja da marca.
 *
 * Carregado DEPOIS do estilo.css, que define a paleta inteira. Aqui ficam só as
 * variáveis que mudam de marca para marca; o verde de "deu certo" e o vermelho
 * de bloqueio continuam vindo de lá, porque significam a mesma coisa em
 * qualquer marca — trocá-los seria mudar o idioma do site, não a identidade.
 *
 * O AZUL DA LOGO É A ESTRUTURA: fundo, cartão e borda. Quem leva o dedo é o
 * laranja. O nome `--amarelo` ficou do Expresso, onde a cor de ação é o ouro;
 * aqui ele guarda laranja. Renomear tocaria em cada regra do estilo.css, e o
 * que a variável significa — "a cor da ação" — não mudou. */
:root {
  /* A cor que se escreve EM CIMA do laranja. */
  --marinho: #071726;

  /* O azul da marca, no ponto de ser lido sobre o fundo escuro. */
  --azul: #7FB6E0;
  --azul-fraco: #0E2438;

  /* A AÇÃO. #FF8A2B e não o #E4843C da logo: aquele foi feito para papel
     branco e, sobre fundo escuro, afunda e vira marrom. */
  --amarelo: #FF8A2B;
  --amarelo-txt: #FF8A2B;
  --amarelo-fraco: #3A2412;

  --fundo: #061420;
  --superficie: #0E2438;
  --borda: #1A3D58;
}