﻿:root {
    /* Cores institucionais: azuis */
    --caixa-azul-claro: #A9D7FF; /* RGB 169, 215, 255 | Pantone 635 C */
    --caixa-azul-medio: #0080FF; /* RGB 0, 128, 255 | Pantone 279 C */
    --caixa-azul-principal: #0033FF; /* RGB 0, 51, 255 | Pantone 2935 C */
    --caixa-azul-escuro: #001FBB; /* RGB 0, 31, 187 | Pantone 286 C */
    --caixa-azul-profundo: #001364; /* RGB 0, 19, 100 | Pantone 2758 C | SDC - Blue 150 */
    /* Cores institucionais: laranjas */
    --caixa-laranja-claro: #FEC07A; /* RGB 254, 192, 122 | Pantone 149 C */
    --caixa-laranja-medio-claro: #FFA743; /* RGB 255, 167, 67 | Pantone 1365 C */
    --caixa-laranja-principal: #FF8A16; /* RGB 255, 138, 22 | Pantone 2018 C */
    --caixa-laranja-escuro: #E3650D; /* RGB 227, 101, 13 | Pantone 6021 C */
    --caixa-laranja-profundo: #AE4201; /* RGB 174, 66, 1 | Pantone 2021 C */
    /* Paleta secundaria */
    --caixa-verde-vivo: #00B62E; /* RGB 0, 182, 46 | Pantone 2271 C */
    --caixa-verde-escuro: #206946; /* RGB 32, 105, 70 | Pantone 7734 C */
    --caixa-turquesa: #82DAD3; /* RGB 130, 218, 211 | Pantone 7471 C */
    --caixa-petroleo: #103542; /* RGB 16, 53, 66 | Pantone 2217 C */
    --caixa-roxo-claro: #AD74EF; /* RGB 173, 116, 239 | Pantone 528 C */
    --caixa-roxo-escuro: #2F0C3D; /* RGB 47, 12, 61 | Pantone 2695 C */
    --caixa-rosa: #F25A94; /* RGB 242, 90, 148 | Pantone 2038 C */
    --caixa-vinho: #620537; /* RGB 98, 5, 55 | Pantone 2357 C */
    --caixa-amarelo: #FFD746; /* RGB 255, 215, 70 | Pantone 122 C */
    --caixa-oliva: #968238; /* RGB 150, 130, 56 | Pantone 7768 C */
    /* Paleta UI/UX */
    --caixa-ui-azul-informar: #143DA6;
    --caixa-ui-azul-informar-mais-1: #3F67C0;
    --caixa-ui-verde-sucesso-menos-1: #004D31;
    --caixa-ui-verde-sucesso: #008254;
    --caixa-ui-verde-sucesso-mais-1: #00B273;
    --caixa-ui-amarelo-atencao: #FFD000;
    --caixa-ui-vermelho-cuidado-menos-1: #5C0000;
    --caixa-ui-vermelho-cuidado: #900000;
    --caixa-ui-vermelho-cuidado-mais-1: #C20000;
    --caixa-ui-preto: #000000;
    --caixa-ui-grafite: #3A4859;
    --caixa-ui-neutra-95: #F0F6F7; /* hsl(189, 25%, 95%) */
    --caixa-ui-neutra-90: #E0EBED; /* hsl(189, 25%, 90%) */
    --caixa-ui-neutra-85: #D0E0E3; /* hsl(189, 25%, 85%)  - SUA COR BASE ORIGINAL */
    --caixa-ui-neutra-80: #C1D6DB; /* hsl(189, 25%, 80%) */
    --caixa-ui-neutra-75: #B4CBD0; /* hsl(189, 25%, 75%) */
    --caixa-ui-neutra-70: #A2BFC5; /* hsl(189, 25%, 70%) */
    --caixa-ui-neutra-65: #8FB2BB; /* hsl(189, 25%, 65%) */
    --caixa-ui-neutra-60: #7CA5AE; /* hsl(189, 25%, 60%) */
    --caixa-ui-neutra-55: #6B99A4; /* hsl(189, 25%, 55%) */
    --caixa-ui-neutra-50: #5B8C98; /* hsl(189, 25%, 50%) */
    --caixa-ui-neutra-45: #4C7B87; /* hsl(189, 25%, 45%) */
    --caixa-ui-neutra-40: #3F6A75; /* hsl(189, 25%, 40%) */
    --caixa-ui-neutra-35: #335963; /* hsl(189, 25%, 35%) */
    --caixa-ui-neutra-30: #29474E; /* hsl(189, 25%, 30%) */
    --caixa-ui-neutra-25: #20373D; /* hsl(189, 25%, 25%) */
    --caixa-ui-neutra-20: #17272C; /* hsl(189, 25%, 20%) */
    --caixa-ui-neutra-15: #0F191D; /* hsl(189, 25%, 15%) */
    --caixa-ui-neutra-10: #071012; /* hsl(189, 25%, 10%) */
    --caixa-ui-neutra-5: #020506; /* hsl(189, 25%, 5%)   - Preto Cromático */
    --caixa-ui-branco: #FFFFFF;
    --caixa-ui-porcelana: #F9FBFB;
    --caixa-ui-polar: #F6F9F9;
    /* PREFERENCIAL - Paleta Loterias WCAG 3:1 | Com fonte ou fundo branco
       Contraste calculado entre cada cor e #FFFFFF.
       Resultado valido para texto grande e componentes graficos no criterio minimo de 3:1.
       A validacao de texto normal permanece sujeita ao criterio minimo de 4.5:1. */
    --caixa-loterias-wcag-mega-sena: #00A651; /* Mega-Sena | Branco #FFFFFF: 3.19:1 | Resultado: Atende 3:1 */
    --caixa-loterias-wcag-lotofacil: #851F82; /* Lotofácil | Branco #FFFFFF: 8.35:1 | Resultado: Atende 3:1 */
    --caixa-loterias-wcag-quina: #2A2A86; /* Quina | Branco #FFFFFF: 11.84:1 | Resultado: Atende 3:1 */
    --caixa-loterias-wcag-lotomania: #E67200; /* Lotomania | Branco #FFFFFF: 3.10:1 | Resultado: Atende 3:1 */
    --caixa-loterias-wcag-timemania: #038141; /* Timemania | Branco #FFFFFF: 4.98:1 | Resultado: Atende 3:1 */
    --caixa-loterias-wcag-dupla-sena: #A62B43; /* Dupla Sena | Branco #FFFFFF: 6.89:1 | Resultado: Atende 3:1 */
    --caixa-loterias-wcag-loteca: #C61017; /* Loteca | Branco #FFFFFF: 6.02:1 | Resultado: Atende 3:1 */
    --caixa-loterias-wcag-lotogol: #1689BA; /* Lotogol | Branco #FFFFFF: 3.95:1 | Resultado: Atende 3:1 */
    --caixa-loterias-wcag-super-sete: #038141; /* Super Sete | Branco #FFFFFF: 4.98:1 | Resultado: Atende 3:1 */
    --caixa-loterias-wcag-dia-de-sorte: #AE9319; /* Dia de sorte  | Branco #FFFFFF: 3:1 | Resultado: Atende 3:1*/
    --caixa-loterias-wcag-mais-milionaria: #2A3580; /* +Milionária  | Branco #FFFFFF: 10:1 | Resultado: Atende 3:1*/
    --caixa-loterias-wcag-federal: #103099; /* Federal  | Branco #FFFFFF: 11:1 | Resultado: Atende 3:1*/
    /*ACESSORIA -Paleta de Assinaturas Loterias 2025
       Valores HEX homologados a partir das amostras de referencia.
       Contraste calculado entre cada cor e #FFFFFF.
       Resultado valido para texto grande e componentes graficos no criterio minimo de 3:1.
       A validacao de texto normal permanece sujeita ao criterio minimo de 4.5:1. */
    /* Mega-Sena */
    --caixa-loterias-assinatura-2025-mega-sena-clara: #8EC899; /* CMYK 50, 0, 50, 0 | Branco #FFFFFF: 1.93:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-mega-sena-padrao: #009640; /* CMYK 100, 0, 100, 0 | Branco #FFFFFF: 3.86:1 | Resultado: Atende 3:1 */
    --caixa-loterias-assinatura-2025-mega-sena-escura: #008C3C; /* CMYK 100, 0, 100, 10 | Branco #FFFFFF: 4.36:1 | Resultado: Atende 3:1 */
    /* Lotofacil */
    --caixa-loterias-assinatura-2025-lotofacil-clara: #C692C2; /* CMYK 25, 50, 0, 0 | Branco #FFFFFF: 2.53:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-lotofacil-padrao: #951B81; /* CMYK 50, 100, 0, 0 | Branco #FFFFFF: 7.63:1 | Resultado: Atende 3:1 */
    --caixa-loterias-assinatura-2025-lotofacil-escura: #8A1878; /* CMYK 50, 100, 0, 10 | Branco #FFFFFF: 8.46:1 | Resultado: Atende 3:1 */
    /* Quina */
    --caixa-loterias-assinatura-2025-quina-clara: #9184BE; /* CMYK 50, 50, 0, 0 | Branco #FFFFFF: 3.36:1 | Resultado: Atende 3:1 */
    --caixa-loterias-assinatura-2025-quina-padrao: #312783; /* CMYK 100, 100, 0, 0 | Branco #FFFFFF: 12.01:1 | Resultado: Atende 3:1 */
    --caixa-loterias-assinatura-2025-quina-escura: #2E247A; /* CMYK 100, 100, 0, 10 | Branco #FFFFFF: 12.73:1 | Resultado: Atende 3:1 */
    /* Lotomania */
    --caixa-loterias-assinatura-2025-lotomania-clara: #FCCB8D; /* CMYK 0, 25, 50, 0 | Branco #FFFFFF: 1.49:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-lotomania-padrao: #F39200; /* CMYK 0, 50, 100, 0 | Branco #FFFFFF: 2.35:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-lotomania-escura: #E08700; /* CMYK 0, 50, 100, 10 | Branco #FFFFFF: 2.75:1 | Resultado: Nao atende 3:1 */
    /* Timemania */
    --caixa-loterias-assinatura-2025-timemania-amarelo-clara: #FFF59B; /* CMYK 0, 0, 50, 0 | Branco #FFFFFF: 1.12:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-timemania-amarelo-padrao: #FFED00; /* CMYK 0, 0, 100, 0 | Branco #FFFFFF: 1.21:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-timemania-verde-clara: #8EC899; /* CMYK 50, 0, 50, 0 | Branco #FFFFFF: 1.93:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-timemania-verde-padrao: #009640; /* CMYK 100, 0, 100, 0 | Branco #FFFFFF: 3.86:1 | Resultado: Atende 3:1 */
    /* Dupla Sena */
    --caixa-loterias-assinatura-2025-dupla-sena-clara: #D0918B; /* CMYK 20, 50, 40, 0 | Branco #FFFFFF: 2.59:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-dupla-sena-padrao: #A52336; /* CMYK 40, 100, 80, 0 | Branco #FFFFFF: 7.26:1 | Resultado: Atende 3:1 */
    --caixa-loterias-assinatura-2025-dupla-sena-escura: #992131; /* CMYK 40, 100, 80, 10 | Branco #FFFFFF: 8.03:1 | Resultado: Atende 3:1 */
    /* Loteca */
    --caixa-loterias-assinatura-2025-loteca-clara: #F3997A; /* CMYK 0, 50, 50, 0 | Branco #FFFFFF: 2.18:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-loteca-padrao: #E30613; /* CMYK 0, 100, 100, 0 | Branco #FFFFFF: 4.88:1 | Resultado: Atende 3:1 */
    --caixa-loterias-assinatura-2025-loteca-escura: #D20A11; /* CMYK 0, 100, 100, 10 | Branco #FFFFFF: 5.54:1 | Resultado: Atende 3:1 */
    /* Lotogol */
    --caixa-loterias-assinatura-2025-lotogol-clara: #82D0F5; /* CMYK 50, 0, 0, 0 | Branco #FFFFFF: 1.71:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-lotogol-padrao: #009FE3; /* CMYK 100, 0, 0, 0 | Branco #FFFFFF: 2.97:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-lotogol-escura: #0093D2; /* CMYK 100, 0, 0, 10 | Branco #FFFFFF: 3.44:1 | Resultado: Atende 3:1 */
    /* Super Sete */
    --caixa-loterias-assinatura-2025-super-sete-clara: #E5E99B; /* CMYK 15, 0, 50, 0 | Branco #FFFFFF: 1.28:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-super-sete-padrao: #C7D300; /* CMYK 30, 0, 100, 0 | Branco #FFFFFF: 1.65:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-super-sete-escura: #AFCA0B; /* CMYK 40, 0, 100, 0 | Branco #FFFFFF: 1.86:1 | Resultado: Nao atende 3:1 */
    /* Dia de Sorte */
    --caixa-loterias-assinatura-2025-dia-de-sorte-clara: #F7E196; /* CMYK 5, 10, 50, 0 | Branco #FFFFFF: 1.30:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-dia-de-sorte-padrao: #ECC500; /* CMYK 10, 20, 100, 0 | Branco #FFFFFF: 1.67:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-dia-de-sorte-escura: #D9B700; /* CMYK 10, 20, 100, 10 | Branco #FFFFFF: 1.96:1 | Resultado: Nao atende 3:1 */
    /* +Milionaria */
    --caixa-loterias-assinatura-2025-mais-milionaria-clara: #9284B2; /* CMYK 50, 50, 10, 0 | Branco #FFFFFF: 3.41:1 | Resultado: Atende 3:1 */
    --caixa-loterias-assinatura-2025-mais-milionaria-padrao: #2B2E77; /* CMYK 100, 95, 15, 5 | Branco #FFFFFF: 11.93:1 | Resultado: Atende 3:1 */
    --caixa-loterias-assinatura-2025-mais-milionaria-escura: #292A6F; /* CMYK 100, 95, 15, 15 | Branco #FFFFFF: 12.69:1 | Resultado: Atende 3:1 */
    /* Federal */
    --caixa-loterias-assinatura-2025-federal-clara: #848AC4; /* CMYK 55, 45, 0, 0 | Branco #FFFFFF: 3.27:1 | Resultado: Atende 3:1 */
    --caixa-loterias-assinatura-2025-federal-padrao: #153D8A; /* CMYK 100, 80, 0, 10 | Branco #FFFFFF: 10.16:1 | Resultado: Atende 3:1 */
    --caixa-loterias-assinatura-2025-federal-escura: #13377D; /* CMYK 100, 80, 0, 20 | Branco #FFFFFF: 11.23:1 | Resultado: Atende 3:1 */
    /* Trevo CAIXA */
    --caixa-loterias-assinatura-2025-trevo-caixa-clara: #A5D7D5; /* CMYK 40, 0, 20, 0 | Branco #FFFFFF: 1.58:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-trevo-caixa-padrao: #00ACA9; /* CMYK 80, 0, 40, 0 | Branco #FFFFFF: 2.81:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-trevo-caixa-escura: #00A09C; /* CMYK 80, 0, 40, 10 | Branco #FFFFFF: 3.23:1 | Resultado: Atende 3:1 */
    /* Instantanea */
    --caixa-loterias-assinatura-2025-instantanea-clara: #88D0EA; /* CMYK 75, 0, 5, 0 | Branco #FFFFFF: 1.71:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-instantanea-padrao: #00B5E5; /* CMYK 75, 0, 5, 0 | Branco #FFFFFF: 2.40:1 | Resultado: Nao atende 3:1 */
    --caixa-loterias-assinatura-2025-instantanea-escura: #009BC2; /* CMYK 75, 0, 5, 20 | Branco #FFFFFF: 3.25:1 | Resultado: Atende 3:1 */
    /* Escala digital laranja light */
    --caixa-laranja-light-00: #000000;
    --caixa-laranja-light-01: #7A3300;
    --caixa-laranja-light-02: #943E00;
    --caixa-laranja-light-03: #AD4800;
    --caixa-laranja-light-04: #C75300;
    --caixa-laranja-light-05: #D85B03;
    --caixa-laranja-light-06: #EB6A00;
    --caixa-laranja-light-07: #FF7B00;
    --caixa-laranja-light-08: #FF8A16;
    --caixa-laranja-light-09: #FF9A2E;
    --caixa-laranja-light-10: #FFA743;
    --caixa-laranja-light-11: #FFB45E;
    --caixa-laranja-light-12: #FEC07A;
    --caixa-laranja-light-13: #FFD5A6;
    --caixa-laranja-light-14: #FFEAD1;
    --caixa-laranja-light-15: #FFFFFF;
    /* Escala digital laranja dark */
    --caixa-laranja-dark-00: #000000;
    --caixa-laranja-dark-01: #702F00;
    --caixa-laranja-dark-02: #873800;
    --caixa-laranja-dark-03: #BA4E00;
    --caixa-laranja-dark-04: #CF5600;
    --caixa-laranja-dark-05: #F06503;
    --caixa-laranja-dark-06: #F76F00;
    --caixa-laranja-dark-07: #FF7B00;
    --caixa-laranja-dark-08: #FF850D;
    --caixa-laranja-dark-09: #FF911C;
    --caixa-laranja-dark-10: #FFAA4A;
    --caixa-laranja-dark-11: #FFBC70;
    --caixa-laranja-dark-12: #FECE98;
    --caixa-laranja-dark-13: #FFDBB2;
    --caixa-laranja-dark-14: #FFE7CC;
    --caixa-laranja-dark-15: #FFFFFF;
    /* Escala digital azul light */
    --caixa-azul-light-00: #000000;
    --caixa-azul-light-01: #000C40;
    --caixa-azul-light-02: #001364;
    --caixa-azul-light-03: #00188F;
    --caixa-azul-light-04: #001FBB;
    --caixa-azul-light-05: #0028DB;
    --caixa-azul-light-06: #0033FF;
    --caixa-azul-light-07: #1251FF;
    --caixa-azul-light-08: #266EFF;
    --caixa-azul-light-09: #3888FF;
    --caixa-azul-light-10: #5EA7FF;
    --caixa-azul-light-11: #85C0FF;
    --caixa-azul-light-12: #A9D7FF;
    --caixa-azul-light-13: #C4E4FF;
    --caixa-azul-light-14: #E0F1FF;
    --caixa-azul-light-15: #FFFFFF;
    /* Escala digital azul dark */
    --caixa-azul-dark-00: #000000;
    --caixa-azul-dark-01: #001366;
    --caixa-azul-dark-02: #001880;
    --caixa-azul-dark-03: #001DAB;
    --caixa-azul-dark-04: #0021C4;
    --caixa-azul-dark-05: #0029E0;
    --caixa-azul-dark-06: #0033FF;
    --caixa-azul-dark-07: #0A4BFF;
    --caixa-azul-dark-08: #3378FF;
    --caixa-azul-dark-09: #5C9DFF;
    --caixa-azul-dark-10: #70B1FF;
    --caixa-azul-dark-11: #85C0FF;
    --caixa-azul-dark-12: #9ED2FF;
    --caixa-azul-dark-13: #B5DEFF;
    --caixa-azul-dark-14: #CCE8FF;
    --caixa-azul-dark-15: #FFFFFF;
    /* TOKENS SEMANTICOS DE COR */
    /* TOKENS DE CONTEUDO */
    --ui-color-title-fundo-claro: var(--caixa-azul-principal);
    --ui-color-title-fundo-escuro: var(--caixa-ui-porcelana);
    --ui-color-text-fundo-claro: var(--caixa-ui-preto);
    --ui-color-text-fundo-escuro: var(--caixa-ui-porcelana);
    /* TOKENS DE LINKS
       O CSS de componentes aplica underline, indicador final e foco. */
    --ui-color-link: var(--caixa-azul-principal);
    --ui-color-link-hover: var(--caixa-azul-principal);
    --ui-color-link-visited: var(--caixa-azul-principal);
    --ui-color-link-focus: var(--caixa-azul-principal);
    /* TOKENS DE FOCO
       O separador porcelana mantem o foco azul visivel sobre botao azul. */
    --ui-color-focus: var(--caixa-azul-principal);
    --ui-color-focus-separator: var(--caixa-ui-porcelana);
    /* TOKENS DE FUNDOS E BORDAS */
    --ui-color-background-branco: var(--caixa-ui-branco);
    --ui-color-background-porcelana: var(--caixa-ui-porcelana);
    --ui-color-background-polar: var(--caixa-ui-polar);
    --ui-color-surface-soft: var(--caixa-ui-neutra-75);
    --ui-color-border: var(--caixa-ui-neutra-85);
    --ui-color-border-contrast: var(--caixa-ui-neutra-65);
    /* BOTAO PRIMARIO
       Normal: fundo azul, texto e icone porcelana.
       Hover: fundo porcelana, texto, icone e borda azuis. */
    --ui-color-button-primary-background: var(--caixa-azul-principal);
    --ui-color-button-primary-text: var(--caixa-ui-porcelana);
    --ui-color-button-primary-icon: var(--caixa-ui-porcelana);
    --ui-color-button-primary-border: var(--caixa-azul-principal);
    --ui-color-button-primary-hover-background: var(--caixa-ui-porcelana);
    --ui-color-button-primary-hover-text: var(--caixa-azul-principal);
    --ui-color-button-primary-hover-icon: var(--caixa-azul-principal);
    --ui-color-button-primary-hover-border: var(--caixa-azul-principal);
    --ui-color-button-primary-focus: var(--caixa-azul-principal);
    /* BOTAO SECUNDARIO
       Normal: fundo porcelana, texto, icone e borda azuis.
       Hover: fundo azul, texto e icone porcelana, com borda azul. */
    --ui-color-button-secondary-background: var(--caixa-ui-porcelana);
    --ui-color-button-secondary-text: var(--caixa-azul-principal);
    --ui-color-button-secondary-icon: var(--caixa-azul-principal);
    --ui-color-button-secondary-border: var(--caixa-azul-principal);
    --ui-color-button-secondary-hover-background: var(--caixa-azul-principal);
    --ui-color-button-secondary-hover-text: var(--caixa-ui-porcelana);
    --ui-color-button-secondary-hover-icon: var(--caixa-ui-porcelana);
    --ui-color-button-secondary-hover-border: var(--caixa-azul-principal);
    /* ACENTO DIGITAL */
    --ui-color-accent-digital: var(--caixa-laranja-profundo);
    --ui-color-accent-digital-contrast: var(--caixa-laranja-profundo);
    /* TOKENS DE CONTRASTE
       Os tokens terminados em "-contrast" definem a cor de texto e icone
       aplicada sobre o fundo do respectivo estado semantico.
       As combinacoes devem manter contraste minimo de 4.5:1 para texto normal. */
    /* ESTADOS SEMANTICOS
       Sempre combinar cor com texto e, quando aplicavel, icone. */
    --ui-color-info: var(--caixa-ui-azul-informar);
    --ui-color-info-contrast: var(--caixa-ui-azul-informar);
    --ui-color-success: var(--caixa-ui-verde-sucesso);
    --ui-color-success-contrast: var(--caixa-ui-verde-sucesso-menos-1);
    --ui-color-warning: var(--caixa-ui-amarelo-atencao);
    --ui-color-warning-contrast: var(--caixa-ui-grafite);
    --ui-color-danger: var(--caixa-ui-vermelho-cuidado);
    --ui-color-danger-contrast: var(--caixa-ui-vermelho-cuidado-menos-1);
    /* REFERENCIAS WCAG 2.2 AA
       Variaveis documentais. CSS nao mede contraste automaticamente. */
    --ui-contrast-text-normal-min: 4.5;
    --ui-contrast-text-large-min: 3;
    --ui-contrast-component-min: 3;
    /* TOKENS COMPORTAMENTAIS */
    --ui-color-transparent: transparent;
}