/* =============================================================
   ZENO — TEMA
   Valores retirados do Manual de Marca (pág. 04 e 05).
   Quatro cores, e nunca mais do que isso.
   ============================================================= */

:root {
  /* --- A paleta oficial --- */
  --ardosia: #3A4A5A; /* quadrado do logótipo, títulos */
  --tinta:   #12161B; /* texto, fundos escuros */
  --ambar:   #E8A33D; /* acento: cursor, links, destaques */
  --papel:   #F5F6F7; /* fundos claros, texto em negativo */

  /* --- Papéis de cada cor no site (só referenciam as quatro acima) --- */
  --bg:            var(--papel);
  --bg-dark:       var(--tinta);
  --surface:       #ffffff;                                    /* cartões sobre Papel */
  --surface-dark:  color-mix(in srgb, var(--ardosia) 28%, var(--tinta)); /* cartões sobre Tinta */
  --text:          var(--tinta);
  --text-muted:    var(--ardosia);
  --text-on-dark:  var(--papel);
  --muted-on-dark: color-mix(in srgb, var(--papel) 66%, var(--tinta));
  --border:        color-mix(in srgb, var(--ardosia) 22%, transparent);
  --border-dark:   color-mix(in srgb, var(--papel) 14%, transparent);
  --ambar-soft:    color-mix(in srgb, var(--ambar) 14%, transparent);

  /* Âmbar escurecido, usado SÓ para texto âmbar sobre fundo claro.
     Sobre Papel o âmbar puro dá 2:1 de contraste e fica ilegível;
     esta variante dá ~4.6:1. Em fundo escuro usa-se sempre o âmbar puro. */
  --ambar-text: color-mix(in srgb, var(--ambar) 70%, var(--tinta));

  /* --- Tipografia (pág. 05) --- */
  --font-titulo: "Quicksand", Verdana, Arial, sans-serif;   /* títulos e chamadas */
  --font-texto:  "Poppins", Verdana, Arial, sans-serif;     /* tudo o que é para ler */

  /* --- Forma e espaçamento --- */
  --radius:    16px;
  --radius-sm: 10px;
  --container: 1120px;
  --shadow:    0 14px 34px color-mix(in srgb, var(--tinta) 12%, transparent);
}