/*
 * Genial General — tokens do design (fase 1, 30/out/2026).
 * Fonte única de cores, letras, raios e sombras. Toda tela nova usa estas variáveis;
 * nada de cor solta no CSS de tela. Referência visual: /gg/guia.html.
 * Plano: docs/REFORMULACAO_GENIAL_GENERAL.md.
 */

@font-face {
    font-family: "Lilita One";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fontes/lilita-one-latin.woff2") format("woff2");
}
@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 400 900; /* fonte variável */
    font-display: swap;
    src: url("fontes/nunito-latin.woff2") format("woff2");
}

:root {
    /* Marca */
    --gg-marinho: #12306B;
    --gg-marinho-escuro: #0A1D44;
    --gg-painel: #1B3F86;
    --gg-azul: #2B5BC7;
    --gg-ouro: #FFC93C;
    --gg-ouro-escuro: #D99A12;
    --gg-vermelho: #E63946;
    --gg-vermelho-escuro: #A61E2B;
    --gg-verde: #2FBF4A;
    --gg-verde-escuro: #1E8A33;
    --gg-creme: #FFF6E0;
    --gg-creme-escuro: #C9B98F;
    --gg-tinta: #1C2340;
    --gg-texto: #EAF0FF;
    --gg-texto-suave: #A9B9DD;

    /* Cores das peças (escolhidas a cada partida; não confundir com as fardas) */
    --gg-jogador-1: #E63946;
    --gg-jogador-2: #3A86FF;
    --gg-jogador-3: #2FBF4A;
    --gg-jogador-4: #FFC93C;
    --gg-jogador-5: #9B5DE5;
    --gg-jogador-6: #FB8500;
    --gg-jogador-7: #F15BB5;
    --gg-jogador-8: #00BBF9;

    /* Fardas (só visual: inspiradas nas ideologias, não dão bônus) */
    --gg-farda-oliva: #5B6B2F;
    --gg-farda-rubra: #B3262E;
    --gg-farda-imperial: #4B2470;
    --gg-farda-escarlate: #D2452B;
    --gg-farda-ouro: #F2C230;
    --gg-farda-cinza: #8C929C;
    --gg-farda-turquesa: #14937F;
    --gg-farda-celeste: #5FA8E6;
    --gg-farda-marinho: #17295E;

    /* Letras */
    --gg-fonte-titulo: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;
    --gg-fonte-texto: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
    --gg-tam-1: 0.8125rem;  /* 13 legenda */
    --gg-tam-2: 0.9375rem;  /* 15 texto pequeno */
    --gg-tam-3: 1rem;       /* 16 texto */
    --gg-tam-4: 1.375rem;   /* 22 subtítulo */
    --gg-tam-5: 2rem;       /* 32 título de tela */
    --gg-tam-6: 3rem;       /* 48 número grande */
    --gg-tam-7: clamp(2.75rem, 7vw, 5rem); /* logo */

    /* Formas */
    --gg-raio-p: 0.5rem;
    --gg-raio: 1rem;
    --gg-raio-g: 1.25rem;
    --gg-raio-pilula: 999px;
    --gg-espaco: 1rem;

    /* Relevo: a "sola" embaixo dos botões e cartões é a assinatura do estilo brinquedo */
    --gg-sola: 0 0.28em 0;
    --gg-brilho: inset 0 0.12em 0 rgba(255, 255, 255, 0.35);
    --gg-sombra: 0 0.5rem 1.5rem rgba(4, 12, 32, 0.45);
    --gg-contorno-logo: 0.14em;

    --gg-transicao: 120ms ease-out;
}