/* ==========================================================================
   CARLO — tokens da marca
   Todas as cores foram MEDIDAS na fotografia Brand/Carlo_Acutis.jpg
   (média de pixels por região, não escolhidas a olho). Ver Brand_Manual.md §3.
   Última medição: 14/08/2026
   ========================================================================== */

:root {
  /* --- As cinco cores da foto --------------------------------------------- */

  /* A polo. Cor de identidade. Medida em 39.522 px de meio-tom do tecido. */
  --carlo-bordo:        #C44348;
  /* A dobra da polo, na sombra. É o bordô que aguenta texto e link. */
  --carlo-bordo-fundo:  #892C32;
  /* A gola da polo. Cor de texto do projeto. */
  --carlo-marinho:      #3F4859;
  /* O céu e o vale de Assis ao fundo. Cor de apoio. */
  --carlo-azul-assis:   #567089;
  /* A mochila e a camisa por baixo. É o branco quente da marca. */
  --carlo-creme:        #F6F1E6;

  /* --- Derivadas (declaradas como derivadas, de propósito) ---------------- */

  /* A luz do sol na pele. Só decorativo: auréola, filetes, ícones. */
  --carlo-luz:          #CA9675;
  /* A rocha do vale. Só bordas e texto secundário grande. */
  --carlo-pedra:        #8A8E90;
  /* Marinho escurecido para títulos. Não está na foto; é o marinho a 70%. */
  --carlo-tinta:        #2A3140;
  /* Branco puro — o "coração vazio". Não é ausência de design. */
  --carlo-branco:       #FFFFFF;

  /* --- Papéis (use ESTES nos componentes, não os brutos acima) ------------ */
  --cor-fundo:          var(--carlo-branco);
  --cor-fundo-quente:   var(--carlo-creme);
  /* Os contrastes abaixo foram CALCULADOS (WCAG 2.1), não estimados, e valem
     tanto sobre o branco quanto sobre o creme — que é o fundo mais claro em
     que a marca escreve. O par mais apertado é o --cor-suave: 5,14:1. */
  --cor-texto:          var(--carlo-marinho);   /* 9,20 / 8,17 */
  --cor-titulo:         var(--carlo-tinta);     /* 13,03 / 11,57 */
  --cor-suave:          #646C79;                /* 5,30 / 4,70 — secundário */
  --cor-borda:          #E4DED2;
  --cor-acao:           var(--carlo-bordo);     /* botões, preenchimento */
  --cor-acao-texto:     var(--carlo-bordo-fundo); /* 8,5:1 — link e destaque */
  --cor-apoio:          var(--carlo-azul-assis);/* 5,15:1 */

  /* --- Tipografia -------------------------------------------------------- */
  /* Títulos: serifada de livro. Fé que já tem 2.000 anos não precisa de fonte nova. */
  --fonte-titulo: "Fraunces", "Georgia", "Times New Roman", serif;
  /* Corpo: humanista leve. Letra que sussurra, não grita. */
  --fonte-corpo:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --peso-leve: 300;
  --peso-normal: 400;
  --peso-medio: 500;

  /* --- Ritmo ------------------------------------------------------------- */
  /* O respiro é parte da marca: "ser mais do que ter". Não encoste nada. */
  --esp-1: 0.5rem;
  --esp-2: 1rem;
  --esp-3: 1.5rem;
  --esp-4: 2.5rem;
  --esp-5: 4rem;
  --esp-6: 6rem;

  --raio: 4px;          /* cantos quase retos. Nada de bolha. */
  --linha-fina: 1.25px; /* a espessura do line-art da marca */
  --largura-texto: 68ch;
}

/* O tema escuro NÃO inverte a marca: o bordô fica, o branco vira tinta. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cor-fundo:        #1A1E26;
    --cor-fundo-quente: #232833;
    --cor-texto:        #DDE2E9;
    --cor-titulo:       #F2F4F7;
    --cor-suave:        #A2AAB6;
    --cor-borda:        #333B49;
    --cor-acao:         #D4565B;
    --cor-acao-texto:   #E9868A;
    --cor-apoio:        #8FA9C2;
  }
}

:root[data-theme="dark"] {
  --cor-fundo:        #1A1E26;
  --cor-fundo-quente: #232833;
  --cor-texto:        #DDE2E9;
  --cor-titulo:       #F2F4F7;
  --cor-suave:        #A2AAB6;
  --cor-borda:        #333B49;
  --cor-acao:         #D4565B;
  --cor-acao-texto:   #E9868A;
  --cor-apoio:        #8FA9C2;
}