/* ==========================================================================
   Tokens da Ficha Iluminada: cores e tipografia (TASK_001).
   Contraste AA (Fase 5), medido contra o fundo pintado: a textura e a vinheta
   escurecem o pergaminho perto das bordas da folha (#c3a983 é um tom comum
   ali). Sobre o pergaminho claro / sobre a borda: tinta ~11,7 / 7:1, sépia
   ~7,7 / 4,7:1, apagado ~7,8 / 4,7:1, verdete ~7,7 / 4,6:1, rubro ~7,2 / 4,3:1.
   Onde o fundo escurece mais, o texto de apoio desce um tom (fim do arquivo).
   ========================================================================== */

:root {
    /* Pergaminho e tinta */
    --pergaminho: #e9dcbf;
    --pergaminho-2: #dcc79e;
    --pergaminho-3: #c4a979;
    --tinta: #2f1f12;
    --tinta-2: #4a3220;
    --sepia: #533a24;            /* rótulos e legendas (era #6b4a2e, abaixo de 4,5:1 nas bordas) */
    --sepia-escuro: #3e2a1a;     /* o sépia onde o pergaminho escurece mais (ver abaixo) */
    --sepia-medio: #745638;      /* borda que diz estado (o "não visitado" do mapa): 3:1 até no pergaminho queimado */
    --sepia-claro: #8c6a48;      /* traços e barras de rolagem, nunca texto */
    --apagado: #483d33;          /* texto inativo ou de apoio, sempre em itálico ou esmaecido no ícone */

    /* Rubrica, metais e vitral */
    --rubro: #7e2320;
    --rubro-escuro: #4f1512;
    --bronze: #8f6c34;
    --ouro: #c9a14f;
    --ouro-claro: #e6c983;
    --ambar: #e0a145;
    --verdete: #2f452d;          /* sucesso (era #3f5a3d) */
    --creme: #f6e6c4;            /* texto sobre rubro e vinho */
    --fundo: #140d08;            /* o escuro em volta da folha */
    --linha-pontilhada: 1px dotted rgba(107, 74, 46, 0.55); /* separador de listas */

    /* Tipografia */
    --fonte-titulo: 'Grenze Gotisch', 'Alegreya', Georgia, serif;
    --fonte-texto: 'Alegreya', Georgia, 'Times New Roman', serif;
    --fonte-rotulo: 'Marcellus SC', 'Alegreya', Georgia, serif;
    --fonte-numero: 'Alegreya', Georgia, serif; /* algarismos alinhados; os do Marcellus SC parecem letras */
    --rotulo: max(0.8rem, 11.5px);
    --rotulo-menor: max(0.74rem, 11px);

    /* Camadas. As da folha ficam baixas; a dos números flutuantes (--z-toast) e
       a dos efeitos de tela ficam acima de tudo o que existe nela. As janelas e
       os avisos (Fase 4) não usam z-index: vão para a camada de cima da página
       (top layer), acima de tudo. */
    --z-dado: 1;
    --z-fita: 2;
    --z-selo-cera: 2;
    --z-medalhao: 3;
    --z-ornamento: 4;
    --z-toast: 300;
    --z-efeito: 9000;

    color-scheme: light;
}

/* Tons por lugar (AA, Fase 5). A borda queimada e a vinheta da .folha escurecem
   o pergaminho junto da moldura. Numa folha pequena (as janelas) isso pega o
   subtítulo sob a fita, o status, a legenda do mapa e o rodapé; na folha grande,
   os rótulos do alto do cabeçalho e os créditos do pé. Ali o texto de apoio desce
   um tom, sem mudar o resto da paleta. */
.janela-folha { --sepia: var(--sepia-escuro); }
.janela-status { --rubro: var(--rubro-escuro); }
.creditos { --apagado: var(--sepia-escuro); --sepia: var(--sepia-escuro); }
.campo dt { --sepia: var(--tinta); }