/* Marca do Caiube: fonte de título, fonte de texto, rótulos e cores, num lugar só (site, links, diagnóstico, 404).
   4 direções para o Luciano escolher (22/10/2026: "não gostei da fonte… tá difícil de ler… não sei se essas cores são a
   melhor escolha"). A página usa só os tokens; trocar de direção = trocar o data-direcao do <html> + as fontes do <head>.
     A  Deck        Oswald + Inter · preto, off-white e o verde-limão da logo Cowboy do Marketing (o PDF comercial dele)
     B  Couro       Fraunces + Inter · preto quente, creme e laranja-queimado (a série "C/M" do Instagram, com fonte legível)
     C  Latão       Archivo + Inter · preto e branco com detalhe dourado (sóbrio, na linha do site do Theo Braga)
     D  Campo       Barlow Condensed + Barlow · preto terroso, areia e verde-oliva (o interior, sem fantasia de faroeste) */
:root, :root[data-direcao="a"] {
  --titulo: "Oswald", "Arial Narrow", sans-serif; --peso-titulo: 600; --espaco-titulo: -.005em; --caixa-titulo: uppercase;
  --altura-titulo: .98; --italico: normal; --peso-destaque: 600;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rotulo: "Inter", system-ui, sans-serif; --peso-rotulo: 600; --espaco-rotulo: .2em;
  --fundo: #0e0e10; --fundo-rgb: 14, 14, 16; --fundo-2: #141417; --cartao: #19191d; --cartao-2: #212126;
  --linha: rgba(242, 241, 236, .12); --linha-forte: rgba(242, 241, 236, .24);
  --texto: #f2f1ec; --texto-2: #b5b3ab; --texto-3: #87857e;
  --acento: #a0f000; --acento-rgb: 160, 240, 0; --acento-texto: #a8f43c; --acento-hover: #b6ff3a; --sobre-acento: #0e0e10;
}
/* Versão clara da direção A (funil de diagnóstico; retorno de 23/10: "faz uma versão white, essa dark tá muito escura").
   Mesmas fontes e o mesmo verde-limão nos botões; texto em verde escuro, porque o limão some sobre o claro. */
:root[data-direcao="a"][data-tema="claro"] {
  --fundo: #f4f3ee; --fundo-rgb: 244, 243, 238; --fundo-2: #ffffff; --cartao: #ffffff; --cartao-2: #e9e8e2;
  --linha: rgba(14, 14, 16, .12); --linha-forte: rgba(14, 14, 16, .24);
  --texto: #0e0e10; --texto-2: #4a4944; --texto-3: #6e6c66;
  --acento: #a0f000; --acento-rgb: 160, 240, 0; --acento-texto: #3d6800; --acento-hover: #b6ff3a; --sobre-acento: #0e0e10;
}
:root[data-direcao="b"] {
  --titulo: "Fraunces", Georgia, serif; --peso-titulo: 600; --espaco-titulo: -.02em; --caixa-titulo: none;
  --altura-titulo: 1; --italico: italic; --peso-destaque: 600;
  --sans: "Inter", system-ui, sans-serif; --rotulo: "Inter", system-ui, sans-serif; --peso-rotulo: 600; --espaco-rotulo: .2em;
  --fundo: #15110d; --fundo-rgb: 21, 17, 13; --fundo-2: #1b1611; --cartao: #1f1a14; --cartao-2: #27211a;
  --linha: rgba(243, 238, 227, .12); --linha-forte: rgba(243, 238, 227, .22);
  --texto: #f3eee3; --texto-2: #b4aa9a; --texto-3: #8c8273;
  --acento: #bc4c2c; --acento-rgb: 188, 76, 44; --acento-texto: #e0703f; --acento-hover: #cc5a34; --sobre-acento: #fbf6ec;
}
:root[data-direcao="c"] {
  --titulo: "Archivo", "Helvetica Neue", sans-serif; --peso-titulo: 700; --espaco-titulo: -.025em; --caixa-titulo: uppercase;
  --altura-titulo: .95; --italico: normal; --peso-destaque: 700;
  --sans: "Inter", system-ui, sans-serif; --rotulo: "Inter", system-ui, sans-serif; --peso-rotulo: 600; --espaco-rotulo: .22em;
  --fundo: #0b0b0b; --fundo-rgb: 11, 11, 11; --fundo-2: #121212; --cartao: #171717; --cartao-2: #1f1f1f;
  --linha: rgba(245, 245, 243, .11); --linha-forte: rgba(245, 245, 243, .22);
  --texto: #f5f5f3; --texto-2: #b0b0ab; --texto-3: #838380;
  --acento: #c9a45c; --acento-rgb: 201, 164, 92; --acento-texto: #d8b675; --acento-hover: #d8b675; --sobre-acento: #0b0b0b;
}
:root[data-direcao="d"] {
  --titulo: "Barlow Condensed", "Arial Narrow", sans-serif; --peso-titulo: 700; --espaco-titulo: 0; --caixa-titulo: uppercase;
  --altura-titulo: .95; --italico: normal; --peso-destaque: 700;
  --sans: "Barlow", system-ui, sans-serif; --rotulo: "Barlow", system-ui, sans-serif; --peso-rotulo: 600; --espaco-rotulo: .2em;
  --fundo: #14110d; --fundo-rgb: 20, 17, 13; --fundo-2: #1a1611; --cartao: #1f1a14; --cartao-2: #28221a;
  --linha: rgba(235, 226, 208, .12); --linha-forte: rgba(235, 226, 208, .24);
  --texto: #ebe2d0; --texto-2: #b3a991; --texto-3: #877e69;
  --acento: #7f9a35; --acento-rgb: 127, 154, 53; --acento-texto: #a5c157; --acento-hover: #8fac3d; --sobre-acento: #14110d;
}