/* A marca, e só ela — Guardião da Memória
 *
 * Cor, tipo e raio de canto moram aqui, e em nenhum outro lugar. As folhas que
 * desenham as telas (`loja.css`, `comprador.css`) consomem estas variáveis e
 * não definem cor própria.
 *
 * **Por que um arquivo só para isto.** A loja e a área do cliente são a mesma
 * marca vista em dois momentos: quem compra na primeira precisa reconhecer a
 * segunda. Se cada folha tivesse o seu `#1E3A2B`, um dia o verde da loja mudaria
 * e o do cliente não — e a costura apareceria justo para quem já pagou.
 *
 * A operação (`painel.css`) **não** usa este arquivo. Ela é ferramenta interna,
 * densa e cinza de propósito, e não deve seguir a marca do produto.
 *
 * Toda página que usa isto carrega duas folhas, nesta ordem:
 *
 *     <link rel="stylesheet" href="/estatico/marca.css">
 *     <link rel="stylesheet" href="/estatico/loja.css">
 */

:root {
  color-scheme: light;

  /* --- Papel e tinta ----------------------------------------------------- */
  --creme: #FBF7F0;        /* o fundo de tudo */
  --creme-2: #F4EDE0;      /* faixas, blocos de dica */
  --papel: #FFFFFF;        /* cartões */
  --tinta: #2A2622;
  --tinta-2: #5C5449;
  --tinta-3: #8C8275;
  --linha: #E5DDCD;
  --linha-forte: #CFC4AE;

  /* --- Verde: a cor de quem fala ----------------------------------------- */
  /* Títulos, marca, confirmação, e o fundo das faixas escuras. */
  --verde: #1E3A2B;
  --verde-escuro: #16291F;
  --verde-claro: #4F7A63;
  --verde-fundo: #EDF4EF;

  /* --- Terracota: a cor de tocar ----------------------------------------- */
  /* Uma vez por tela. Se aparecerem duas, uma delas está errada. */
  --terracota: #C9552A;
  --terracota-forte: #AE441F;

  /* --- Ouro: a cor de reparar -------------------------------------------- */
  /* Destaque, dica, o que está escolhido. Nunca em texto corrido. */
  --ouro: #B8912A;
  --ouro-borda: #D9B44A;
  --ouro-fundo: #FBF2DB;
  --ouro-tinta: #3B2E06;   /* texto sobre ouro */

  --raio: 6px;             /* papel cortado, não botão de aplicativo */
  --raio-g: 10px;

  /* --- Tipo --------------------------------------------------------------- */
  /* Serifa em tudo: é um livro que estamos vendendo.
   *
   * Sem fonte de fora, por dois motivos: a política de segurança do projeto tem
   * `font-src 'self'` (D26), e não queremos que a página do cliente peça arquivo
   * a servidor de terceiro. A pilha abaixo cai em Iowan no Mac e em Palatino no
   * Windows — as duas serifas quentes que já existem na máquina de quem lê. */
  --fonte: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia,
           "Times New Roman", serif;
  --fonte-titulo: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype",
                  Palatino, Georgia, serif;
  --fonte-codigo: "Cascadia Mono", Consolas, monospace;
}