/* tokens.css — sistema de cores da organizARCH (identidade "equilibrio": azul-petróleo + verde-sálvia + bege, terracota só em detalhes).
   UM LUGAR SÓ: para mudar a paleta, mude o valor aqui. O app usa var(--token, fallback); o valor depois da vírgula é só uma rede de segurança. */
:root {
  --azul-noite: #2b3f4c;
  --azul-titulo: #35505f;
  --azul-escuro: #3f5d6f;
  --azul-medio: #46687a;
  --azul: #4a6b7d;
  --azul-suave: #6f8fa0;
  --azul-claro: #a9c1cd;
  --azul-palido: #c3d3dc;
  --azul-bruma: #e8eff2;
  --salvia: #4f7076;
  --salvia-bruma: #e3ebef;
  --terracota: #c2714c;
  --terracota-claro: #e0a97f;
  --terracota-texto: #a85a38;
  --terracota-bruma: #f5e3d8;
  --texto: #43524c;
  --texto-medio: #4f5e58;
  --texto-suave: #55645e;
  --texto-mudo: #76837c;
  --texto-apagado: #8e9b94;
  --texto-fraco: #a5b1aa;
  --papel: #faf7f1;
  --bege: #f5f1e8;
  --areia-clara: #efe9dd;
  --areia: #e7dfd0;
  --areia-media: #ddd3c1;
  --areia-forte: #d6cab6;
  --areia-escura: #c4b8a3;
  --areia-profunda: #a8987d;
  --logo-arch: #eadfc8;
}