/* ============================================================
   CD ALEGRIA DE VIVER — tokens
   Paleta amostrada diretamente de capa_com faca.pdf e berço_CD.pdf.
   Nenhuma cor foi inventada: todas saem da arte impressa do disco.
   ============================================================ */

:root {
  /* --- Papel (berço do CD: #F8F0E8 / #F8F8E8 / #F8F0E0) --- */
  --papel:          #f4ece0;
  --papel-alto:     #fbf6ed;
  --papel-fundo:    #ebe1d2;
  --papel-linha:    #d6c9b4;

  /* --- Contorno de controle ---
     Separado do --papel-linha / --casca-linha de proposito. Aqueles dois sao
     fio de divisao e moldura de imagem: decoracao, e a WCAG 1.4.11 nao cobra
     contraste deles. Ja a borda de um botao e o que diz "isto se aperta", e ali
     a regra vale: 3:1. Os valores antigos davam 1,39 sobre o papel e 1,29 sobre
     a casca — borda praticamente invisivel, o pill parecia texto solto.
       papel  #d6c9b4 -> 1,39   |  #96856e -> 3,05 (papel-alto 3,32)
       casca  #3a2d24 -> 1,29   |  #7f6754 -> 3,24 (casca 3,51)
     Engrossar a linha nao substitui isto: 1.4.11 e sobre contraste, nao sobre
     espessura. */
  --controle-linha: #96856e;

  /* --- Tinta (preto quente da capa: #201A16 / #282020) --- */
  --tinta:          #1c1510;
  --tinta-forte:    #0f0b08;
  --tinta-media:    #4a3f35;
  --tinta-fraca:    #6b5d4f;

  /* --- Casca externa (moldura escura do leitor) --- */
  --casca:          #171210;
  --casca-alta:     #221a15;
  --casca-linha:    #3a2d24;
  --casca-controle-linha: #7f6754;
  --casca-texto:    #e4d8c6;
  --casca-texto-fraco: #a8977f;

  /* --- Acento: verniz do violino da capa (#E85020 puro, escurecido p/ AA) --- */
  --acento:         #9e2f14;
  --acento-claro:   #c9441d;
  --acento-sobre-escuro: #ef8a63;

  /* --- Ouro: respingo ocre do berço (#F8E8A0) ---
     O --ouro nunca aparece em texto grande: ele numera o indice, os
     movimentos e as faixas, sempre em 0,75rem (12px). Para 12px a WCAG 1.4.3
     cobra 4,5:1, e o #8a6a16 original dava 4,31 sobre o papel. Dois pontos de
     luminancia a menos resolvem sem mudar a cor percebida:
       #8a6a16 -> papel 4,31  papel-alto 4,70   (reprova)
       #836315 -> papel 4,77  papel-alto 5,19   (passa) */
  --ouro:           #836315;
  --ouro-claro:     #d9b64a;
  --ouro-tenue:     #f0e3bd;

  /* --- Tipografia: zero webfonts.
     Decisão de performance — o projeto exige funcionar em conexão limitada.
     A pilha abaixo entrega um serif de livro real em qualquer plataforma. --- */
  --fonte-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --fonte-texto:   Georgia, "Iowan Old Style", Palatino, "Times New Roman", serif;
  --fonte-rotulo:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* --- Escala tipográfica (multiplicada por --escala da barra de acessibilidade) --- */
  --escala: 1;
  --t-rotulo: 0.75rem;
  --t-micro:  0.8125rem;
  --t-corpo:  1.0625rem;
  --t-corpo-g: 1.1875rem;
  --t-h3: clamp(1.25rem, 1.05rem + 0.9vw, 1.6rem);
  --t-h2: clamp(1.75rem, 1.3rem + 2.1vw, 2.9rem);
  --t-h1: clamp(2.4rem, 1.5rem + 4.4vw, 5rem);

  /* --- Espaçamento --- */
  --e1: 0.25rem;  --e2: 0.5rem;   --e3: 0.75rem;  --e4: 1rem;
  --e5: 1.5rem;   --e6: 2rem;     --e7: 3rem;     --e8: 4.5rem;
  --e9: 7rem;

  --largura-texto: 34rem;
  --largura-pagina: 92rem;
  --margem-borda: clamp(1.25rem, 4vw, 4rem);

  /* --- Superfície --- */
  --raio: 2px;
  --borda-fina: 1px solid var(--papel-linha);
  --sombra-papel: 0 1px 2px rgba(28,21,16,.06), 0 12px 32px -18px rgba(28,21,16,.35);

  /* --- Motion --- */
  --dur-controle: 180ms;
  --dur-entrada: 620ms;
  --curva: cubic-bezier(.22,.61,.36,1);

  /* O anel precisa dos 3:1 da WCAG 1.4.11 nos DOIS fundos do site, porque a
     barra de acessibilidade e os links de pular ficam sobre a casca escura e
     todo o resto fica sobre o papel claro. Medido contra #f4ece0 e #171210:
       --acento        #9e2f14 -> papel 6,24  casca 2,54  (reprova na casca)
       --acento-claro  #c9441d -> papel 4,14  casca 3,83  (passa nos dois)
     Por isso o foco usa o acento claro, e nao o acento normal do texto. */
  --foco: 2px solid var(--acento-claro);
  --foco-offset: 3px;
}

/* ============================================================
   ALTO CONTRASTE — acionado pela barra de acessibilidade.
   Alvo: >= 7:1 (WCAG AAA) em texto normal.
   ============================================================ */
[data-contraste="alto"] {
  --papel:        #000000;
  --papel-alto:   #000000;
  --papel-fundo:  #000000;
  --papel-linha:  #ffffff;
  --controle-linha: #ffffff;
  --tinta:        #ffffff;
  --tinta-forte:  #ffffff;
  --tinta-media:  #ffffff;
  --tinta-fraca:  #f2f2f2;
  --casca:        #000000;
  --casca-alta:   #000000;
  --casca-linha:  #ffffff;
  --casca-controle-linha: #ffffff;
  --casca-texto:  #ffffff;
  --casca-texto-fraco: #ffffff;
  --acento:       #ffe234;
  --acento-claro: #ffe234;
  --acento-sobre-escuro: #ffe234;
  --ouro:         #ffe234;
  --ouro-claro:   #ffe234;
  --ouro-tenue:   #000000;
  --sombra-papel: none;
  --foco: 3px solid #ffe234;
}
[data-contraste="alto"] img,
[data-contraste="alto"] video { filter: contrast(1.15); }
[data-contraste="alto"] .marcas__bloco { background: #fff; padding: var(--e4); }