:root {
    /*
     * PARAMETROS DE TEMA VISUAL
     *
     * Este arquivo concentra cores e relevo de elementos que costumam
     * precisar de ajuste fino durante o polimento visual.
     *
     * Regra pratica:
     * - ajuste primeiro a cor principal
     * - depois ajuste highlight e sombra da mesma familia
     * - so mexa em sombras globais se ambas as pedras ficarem ruins
     */

    /*
     * TABULEIRO
     *
     * Cada triangulo usa uma cor principal e outra mais escura para a base.
     * Se o contraste entre triangulos estiver baixo, afaste mais os pares.
     */

    /* Triangulo claro: face principal. */
    --board-point-light: #772200;
    /* Triangulo claro: base mais escura do mesmo tom. */
    --board-point-light-base: #421300;
    /* Triangulo escuro: face principal. */
    --board-point-dark: #421300;
    /* Triangulo escuro: base mais escura do mesmo tom. */
    --board-point-dark-base: #1f0900;

    /*
     * RELEVO GLOBAL DAS PEDRAS
     *
     * Estes valores afetam amarelas e vermelhas igualmente.
     * Se as duas pedras parecerem "achatadas", aumente as sombras.
     * Se as duas parecerem "pesadas", reduza as opacidades.
     */

    /* Borda clara externa da pedra. */
    --checker-border-color: rgba(255, 255, 255, 0.34);
    /* Brilho interno superior comum a todas as pedras. */
    --checker-surface-shine: rgba(255, 255, 255, 0.40);
    /* Sombra interna inferior comum a todas as pedras. */
    --checker-inner-shadow: rgba(15, 20, 28, 0.20);
    /* Sombra externa projetada pela pedra. */
    --checker-drop-shadow: rgba(15, 20, 28, 0.22);

    /*
     * O destaque de "peca do jogador" nao fica mais na pedra.
     * Ele agora e desenhado na casa/slot, para todas as pedras manterem a mesma silhueta.
        *
        * Se voce mudar o NOME exibido das cores na interface,
        * ajuste tambem:
        * src/AppConfig.php -> PLAYER_COLORS -> white/black -> label
     */

    /*
     * SISTEMA DE CONTRASTE AUTOMATICO DAS PEDRAS
     *
     * A partir daqui, o relevo das pedras passa a ser calculado por camadas
     * translucidas comuns a todas as cores. Isso significa que, para mudar a
     * aparencia principal de uma pedra, normalmente basta alterar a cor base.
     *
     * Ordem recomendada de ajuste:
     * 1. troque apenas a cor base da pedra
     * 2. se o contraste ficar fraco, aumente as opacidades abaixo
     * 3. se o contraste ficar exagerado, reduza as opacidades abaixo
     */

    /* Reflexo especular pequeno no topo da pedra. */
    --checker-gloss-opacity: 0.44;
    /* Alcance do reflexo pequeno no topo. */
    --checker-gloss-fade: 34%;
    /* Sombra de profundidade no quadrante inferior. */
    --checker-shadow-opacity: 0.20;
    /* Alcance da sombra inferior. */
    --checker-shadow-fade: 56%;
    /* Luz ampla principal que modela a face da pedra. */
    --checker-highlight-opacity: 0.24;
    /* Distancia em que essa luz ampla desaparece. */
    --checker-highlight-fade: 68%;
    /* Lavagem de luz geral na parte superior da pedra. */
    --checker-top-wash-opacity: 0.06;
    /* Lavagem de sombra geral na parte inferior da pedra. */
    --checker-bottom-wash-opacity: 0.10;

    /*
    * PEDRA BRANCA
     *
    * Para mudar a pedra branca, ajuste primeiro apenas a cor base.
     * As delineacoes serao geradas automaticamente pelas opacidades acima.
    *
    * Se quiser mudar o nome exibido ao usuario, ajuste tambem:
    * src/AppConfig.php -> PLAYER_COLORS['white']['label']
     */

    /* Cor principal do corpo da pedra branca. */
    --white-checker: #ffffff;

    /*
    * PEDRA PRETA
     *
    * Para mudar a pedra preta, ajuste primeiro apenas a cor base.
     * As delineacoes serao geradas automaticamente pelas opacidades acima.
    *
    * Se quiser mudar o nome exibido ao usuario, ajuste tambem:
    * src/AppConfig.php -> PLAYER_COLORS['black']['label']
     */

    /* Cor principal do corpo da pedra preta. */
    --black-checker: #000000;

    /*
     * OBSERVACAO
     *
     * O anel de turno e as cores do chat nao precisam mais de variaveis por cor.
     * Eles sao derivados automaticamente de --white-checker e --black-checker.
     */
}