/** * Do not edit directly, this file was auto-generated. */ :root { --border-radius-xs: 0px; --border-radius-sm: 4px; --border-radius-md: 8px; --border-radius-lg: 12px; --border-radius-xl: 16px; --border-radius-2xl: 20px; --border-radius-full: 999px; --border-width-thin: 0.5px; --border-width-regular: 1px; --border-width-thick: 2px; --components-button-dimension-border-radius-squared: 6px; /** Raio do botão de formato arredondado-retangular. Valor direto por tamanho; não usar alias. */ --components-button-dimension-border-radius-pilled: 999px; /** Raio do botão em formato pill. Valor direto 999 em todos os tamanhos. */ --components-button-dimension-border-width: 1px; /** Largura da borda do botão. Valor direto por tamanho; não usar alias. */ --components-button-dimension-scale-gap: 8px; /** Espaço entre ícone e label. Valor direto definido por size mode. */ --components-button-dimension-scale-padding-h: 16px; /** Padding horizontal do botão. Valor direto definido por size mode. */ --components-button-dimension-scale-padding-v: 8px; /** Padding vertical do botão. Valor direto definido por size mode. */ --components-button-dimension-scale-icon-height: 14px; /** Altura e largura de referência dos ícones. Valor direto definido por size mode. */ --components-button-dimension-icon-stroke-width: 1.5px; --components-button-dimension-icon-padding: 1px; --font-theme-static-font-brand: Plus Jakarta Sans; --municp-compatibilidade-compat-color-616975: oklch(0.5182 0.0214 258.37); --municp-compatibilidade-compat-color-757575: oklch(0.5624 0.0000 180.00); --municp-compatibilidade-compat-color-3-b5-ccc: oklch(0.5155 0.1777 267.38); --municp-compatibilidade-compat-color-bd6-e0-d: oklch(0.6130 0.1373 62.19); --municp-compatibilidade-compat-color-16794-b: oklch(0.5103 0.1136 157.06); --municp-compatibilidade-compat-color-1-a1-a1-a: oklch(0.2178 0.0000 192.53); --municp-compatibilidade-compat-color-21262-e: oklch(0.2671 0.0166 259.78); --municp-compatibilidade-compat-color-3857-c7: oklch(0.5004 0.1780 267.70); --municp-compatibilidade-compat-color-b82614: oklch(0.5097 0.1842 30.81); --municp-compatibilidade-compat-color-1-b1-d20: oklch(0.2299 0.0065 258.36); --municp-compatibilidade-compat-color-0-e8751: oklch(0.5499 0.1287 156.41); --municp-compatibilidade-compat-color-eb5937: oklch(0.6515 0.1874 34.45); --municp-compatibilidade-compat-color-f5-f7-ff: oklch(0.9769 0.0109 274.90); --municp-compatibilidade-compat-color-6-f85-de: oklch(0.6395 0.1358 271.62); --municp-compatibilidade-compat-color-c9-cdd3: oklch(0.8470 0.0094 258.34); --municp-compatibilidade-compat-color-fffaeb: oklch(0.9849 0.0204 91.58); --municp-compatibilidade-compat-color-d89-a23: oklch(0.7283 0.1427 77.70); --municp-compatibilidade-compat-color-2-aa56-f: oklch(0.6426 0.1336 159.27); --municp-compatibilidade-compat-color-f1-fcf6: oklch(0.9812 0.0140 162.48); --municp-compatibilidade-compat-color-f3-f4-f6: oklch(0.9670 0.0029 264.54); --municp-compatibilidade-compat-color-eef2-ff: oklch(0.9619 0.0179 272.31); --municp-compatibilidade-compat-color-fff6-db: oklch(0.9731 0.0365 91.69); --municp-compatibilidade-compat-color-ecfdf3: oklch(0.9788 0.0221 160.24); --municp-compatibilidade-compat-color-e8-e8-e8: oklch(0.9310 0.0000 180.00); --municp-compatibilidade-compat-color-e85935: oklch(0.6466 0.1847 35.16); --municp-compatibilidade-compat-color-ffe5-e0: oklch(0.9416 0.0295 30.64); --municp-compatibilidade-compat-color-dee0-e5: oklch(0.9066 0.0071 268.54); --municp-compatibilidade-compat-color-8-a38-f5: oklch(0.5609 0.2574 296.70); --municp-compatibilidade-compat-color-9-ea3-ad: oklch(0.7146 0.0156 264.47); --municp-compatibilidade-compat-color-e2-e3-e6: oklch(0.9159 0.0042 271.37); --primitives-neutral-0: oklch(1.0000 0.0000 180.00); /** Valor cromático bruto da escala neutra, nível 0. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-25: oklch(0.9851 0.0000 180.00); /** Valor cromático bruto da escala neutra, nível 25. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-50: oklch(0.9667 0.0017 247.84); /** Valor cromático bruto da escala neutra, nível 50. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-100: oklch(0.9159 0.0042 271.37); /** Valor cromático bruto da escala neutra, nível 100. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-150: oklch(0.8816 0.0047 258.33); /** Valor cromático bruto da escala neutra, nível 150. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-200: oklch(0.8316 0.0065 255.48); /** Valor cromático bruto da escala neutra, nível 200. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-300: oklch(0.7434 0.0110 261.78); /** Valor cromático bruto da escala neutra, nível 300. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-400: oklch(0.6538 0.0157 254.65); /** Valor cromático bruto da escala neutra, nível 400. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-500: oklch(0.5598 0.0209 258.37); /** Valor cromático bruto da escala neutra, nível 500. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-600: oklch(0.5003 0.0168 254.69); /** Valor cromático bruto da escala neutra, nível 600. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-700: oklch(0.4361 0.0153 255.59); /** Valor cromático bruto da escala neutra, nível 700. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-800: oklch(0.3704 0.0132 261.74); /** Valor cromático bruto da escala neutra, nível 800. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-900: oklch(0.3038 0.0084 255.56); /** Valor cromático bruto da escala neutra, nível 900. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-950: oklch(0.2299 0.0065 258.36); /** Valor cromático bruto da escala neutra, nível 950. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-975: oklch(0.1804 0.0038 229.04); /** Valor cromático bruto da escala neutra, nível 975. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-neutral-1000: oklch(0.1591 0.0000 195.95); /** Valor cromático bruto da escala neutra, nível 1000. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-50: oklch(0.9689 0.0126 35.73); /** Valor cromático bruto da escala marca, nível 50. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-100: oklch(0.9225 0.0336 33.77); /** Valor cromático bruto da escala marca, nível 100. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-200: oklch(0.8471 0.0702 33.93); /** Valor cromático bruto da escala marca, nível 200. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-300: oklch(0.7738 0.1098 32.86); /** Valor cromático bruto da escala marca, nível 300. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-400: oklch(0.7081 0.1498 33.77); /** Valor cromático bruto da escala marca, nível 400. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-500: oklch(0.6516 0.1871 34.20); /** Valor cromático bruto da escala marca, nível 500. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-600: oklch(0.5793 0.1640 34.20); /** Valor cromático bruto da escala marca, nível 600. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-700: oklch(0.5016 0.1401 34.19); /** Valor cromático bruto da escala marca, nível 700. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-800: oklch(0.4241 0.1149 34.17); /** Valor cromático bruto da escala marca, nível 800. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-900: oklch(0.3429 0.0886 34.84); /** Valor cromático bruto da escala marca, nível 900. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-brand-950: oklch(0.2552 0.0608 33.66); /** Valor cromático bruto da escala marca, nível 950. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-50: oklch(0.9692 0.0140 162.48); /** Valor cromático bruto da escala verde, nível 50. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-100: oklch(0.9253 0.0348 161.39); /** Valor cromático bruto da escala verde, nível 100. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-200: oklch(0.8499 0.0672 161.50); /** Valor cromático bruto da escala verde, nível 200. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-300: oklch(0.7782 0.1016 159.62); /** Valor cromático bruto da escala verde, nível 300. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-400: oklch(0.7084 0.1294 157.64); /** Valor cromático bruto da escala verde, nível 400. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-500: oklch(0.6461 0.1528 153.98); /** Valor cromático bruto da escala verde, nível 500. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-600: oklch(0.5745 0.1351 153.95); /** Valor cromático bruto da escala verde, nível 600. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-700: oklch(0.5007 0.1158 154.33); /** Valor cromático bruto da escala verde, nível 700. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-800: oklch(0.4209 0.0951 154.65); /** Valor cromático bruto da escala verde, nível 800. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-900: oklch(0.3406 0.0736 155.51); /** Valor cromático bruto da escala verde, nível 900. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-green-950: oklch(0.2551 0.0513 155.85); /** Valor cromático bruto da escala verde, nível 950. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-50: oklch(0.9910 0.0184 103.41); /** Valor cromático bruto da escala amarela, nível 50. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-100: oklch(0.9762 0.0508 101.25); /** Valor cromático bruto da escala amarela, nível 100. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-200: oklch(0.9500 0.1083 102.57); /** Valor cromático bruto da escala amarela, nível 200. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-300: oklch(0.9209 0.1533 101.69); /** Valor cromático bruto da escala amarela, nível 300. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-400: oklch(0.8914 0.1742 99.18); /** Valor cromático bruto da escala amarela, nível 400. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-500: oklch(0.8370 0.1704 96.47); /** Valor cromático bruto da escala amarela, nível 500. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-550: oklch(0.7740 0.1572 96.36); /** Valor cromático bruto da escala amarela, nível 550. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-600: oklch(0.7322 0.1487 94.87); /** Valor cromático bruto da escala amarela, nível 600. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-700: oklch(0.6173 0.1235 92.05); /** Valor cromático bruto da escala amarela, nível 700. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-800: oklch(0.5216 0.1012 90.03); /** Valor cromático bruto da escala amarela, nível 800. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-900: oklch(0.4260 0.0791 89.19); /** Valor cromático bruto da escala amarela, nível 900. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-yellow-950: oklch(0.3067 0.0538 90.00); /** Valor cromático bruto da escala amarela, nível 950. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-50: oklch(0.9601 0.0152 17.42); /** Valor cromático bruto da escala vermelha, nível 50. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-100: oklch(0.9002 0.0404 17.93); /** Valor cromático bruto da escala vermelha, nível 100. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-200: oklch(0.8015 0.0866 19.14); /** Valor cromático bruto da escala vermelha, nível 200. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-300: oklch(0.7115 0.1347 21.01); /** Valor cromático bruto da escala vermelha, nível 300. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-400: oklch(0.6328 0.1819 23.91); /** Valor cromático bruto da escala vermelha, nível 400. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-500: oklch(0.5771 0.2152 27.32); /** Valor cromático bruto da escala vermelha, nível 500. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-600: oklch(0.5120 0.1896 27.21); /** Valor cromático bruto da escala vermelha, nível 600. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-700: oklch(0.4456 0.1623 26.93); /** Valor cromático bruto da escala vermelha, nível 700. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-800: oklch(0.3759 0.1345 26.64); /** Valor cromático bruto da escala vermelha, nível 800. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-900: oklch(0.3031 0.1050 26.14); /** Valor cromático bruto da escala vermelha, nível 900. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-red-950: oklch(0.2276 0.0714 24.84); /** Valor cromático bruto da escala vermelha, nível 950. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-50: oklch(0.9633 0.0144 264.50); /** Valor cromático bruto da escala azul, nível 50. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-100: oklch(0.9053 0.0396 265.06); /** Valor cromático bruto da escala azul, nível 100. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-200: oklch(0.8114 0.0815 265.29); /** Valor cromático bruto da escala azul, nível 200. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-300: oklch(0.7160 0.1271 264.91); /** Valor cromático bruto da escala azul, nível 300. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-400: oklch(0.6271 0.1722 263.91); /** Valor cromático bruto da escala azul, nível 400. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-500: oklch(0.5461 0.2152 262.88); /** Valor cromático bruto da escala azul, nível 500. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-600: oklch(0.4859 0.1893 262.88); /** Valor cromático bruto da escala azul, nível 600. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-700: oklch(0.4232 0.1610 263.00); /** Valor cromático bruto da escala azul, nível 700. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-800: oklch(0.3587 0.1329 263.04); /** Valor cromático bruto da escala azul, nível 800. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-900: oklch(0.2940 0.1015 262.98); /** Valor cromático bruto da escala azul, nível 900. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-blue-950: oklch(0.2230 0.0693 263.01); /** Valor cromático bruto da escala azul, nível 950. Não indica finalidade de uso; componentes devem consumir tokens Semantic. */ --primitives-alpha-black-0: oklch(0.0000 0.0000 0.00 / 0); /** Cor black com 0% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-black-4: oklch(0.0000 0.0000 0.00 / 0.04); /** Cor black com 4% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-black-8: oklch(0.0000 0.0000 0.00 / 0.08); /** Cor black com 8% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-black-12: oklch(0.0000 0.0000 0.00 / 0.12); /** Cor black com 12% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-black-16: oklch(0.0000 0.0000 0.00 / 0.16); /** Cor black com 16% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-black-24: oklch(0.0000 0.0000 0.00 / 0.24); /** Cor black com 24% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-black-32: oklch(0.0000 0.0000 0.00 / 0.32); /** Cor black com 32% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-white-0: oklch(1.0000 0.0000 180.00 / 0); /** Cor white com 0% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-white-8: oklch(1.0000 0.0000 180.00 / 0.08); /** Cor white com 8% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-white-12: oklch(1.0000 0.0000 180.00 / 0.12); /** Cor white com 12% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-white-16: oklch(1.0000 0.0000 180.00 / 0.16); /** Cor white com 16% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-white-24: oklch(1.0000 0.0000 180.00 / 0.24); /** Cor white com 24% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-white-32: oklch(1.0000 0.0000 180.00 / 0.32); /** Cor white com 32% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-brand-0: oklch(0.6516 0.1871 34.20 / 0); /** Cor brand com 0% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-brand-8: oklch(0.6516 0.1871 34.20 / 0.08); /** Cor brand com 8% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-brand-12: oklch(0.6516 0.1871 34.20 / 0.12); /** Cor brand com 12% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-brand-16: oklch(0.6516 0.1871 34.20 / 0.16); /** Cor brand com 16% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-brand-24: oklch(0.6516 0.1871 34.20 / 0.24); /** Cor brand com 24% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-brand-32: oklch(0.6516 0.1871 34.20 / 0.32); /** Cor brand com 32% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-red-0: oklch(0.5771 0.2152 27.32 / 0); /** Cor red com 0% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-red-8: oklch(0.5771 0.2152 27.32 / 0.08); /** Cor red com 8% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-red-12: oklch(0.5771 0.2152 27.32 / 0.12); /** Cor red com 12% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-red-16: oklch(0.5771 0.2152 27.32 / 0.16); /** Cor red com 16% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-red-24: oklch(0.5771 0.2152 27.32 / 0.24); /** Cor red com 24% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-red-32: oklch(0.5771 0.2152 27.32 / 0.32); /** Cor red com 32% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-yellow-0: oklch(0.8370 0.1704 96.47 / 0); /** Cor yellow com 0% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-yellow-8: oklch(0.8370 0.1704 96.47 / 0.08); /** Cor yellow com 8% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-yellow-12: oklch(0.8370 0.1704 96.47 / 0.12); /** Cor yellow com 12% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-yellow-16: oklch(0.8370 0.1704 96.47 / 0.16); /** Cor yellow com 16% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-yellow-24: oklch(0.8370 0.1704 96.47 / 0.24); /** Cor yellow com 24% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-alpha-yellow-32: oklch(0.8370 0.1704 96.47 / 0.32); /** Cor yellow com 32% de opacidade. Valor bruto: não representa hover, pressed ou outra finalidade. Usar por alias em Semantic. */ --primitives-categorical-sky-50: oklch(0.9771 0.0125 236.62); --primitives-categorical-sky-200: oklch(0.9014 0.0555 230.90); --primitives-categorical-sky-500: oklch(0.6847 0.1479 237.32); --primitives-categorical-sky-700: oklch(0.5000 0.1193 242.75); --primitives-categorical-sky-950: oklch(0.2935 0.0632 243.16); --primitives-categorical-violet-50: oklch(0.9691 0.0161 293.76); --primitives-categorical-violet-200: oklch(0.8943 0.0549 293.28); --primitives-categorical-violet-600: oklch(0.5413 0.2466 293.01); --primitives-categorical-violet-700: oklch(0.4907 0.2412 292.58); --primitives-categorical-violet-950: oklch(0.2827 0.1351 291.09); --primitives-categorical-orange-50: oklch(0.9796 0.0158 73.68); --primitives-categorical-orange-200: oklch(0.9015 0.0730 70.70); --primitives-categorical-orange-500: oklch(0.7049 0.1867 47.60); --primitives-categorical-orange-700: oklch(0.5534 0.1739 38.40); --primitives-categorical-orange-950: oklch(0.2659 0.0762 36.26); --primitives-categorical-teal-50: oklch(0.9836 0.0142 180.72); --primitives-categorical-teal-200: oklch(0.9100 0.0927 180.43); --primitives-categorical-teal-500: oklch(0.7038 0.1230 182.50); --primitives-categorical-teal-700: oklch(0.5109 0.0861 186.39); --primitives-categorical-teal-950: oklch(0.2773 0.0447 192.52); --primitives-categorical-yellow-50: oklch(0.9873 0.0262 102.21); --primitives-categorical-yellow-200: oklch(0.9451 0.1243 101.54); --primitives-categorical-yellow-500: oklch(0.7952 0.1617 86.05); --primitives-categorical-yellow-700: oklch(0.5538 0.1207 66.44); --primitives-categorical-yellow-950: oklch(0.2857 0.0639 53.81); --primitives-categorical-green-50: oklch(0.9819 0.0181 155.83); --primitives-categorical-green-200: oklch(0.9250 0.0805 155.99); --primitives-categorical-green-600: oklch(0.6271 0.1699 149.21); --primitives-categorical-green-700: oklch(0.5273 0.1371 150.07); --primitives-categorical-green-950: oklch(0.2664 0.0629 152.93); --primitives-categorical-pink-50: oklch(0.9714 0.0141 343.20); --primitives-categorical-pink-200: oklch(0.8994 0.0589 343.23); --primitives-categorical-pink-500: oklch(0.6559 0.2118 354.31); --primitives-categorical-pink-700: oklch(0.5246 0.1990 3.96); --primitives-categorical-pink-950: oklch(0.2845 0.1048 3.91); --primitives-categorical-slate-50: oklch(0.9842 0.0034 247.86); --primitives-categorical-slate-200: oklch(0.9288 0.0126 255.51); --primitives-categorical-slate-500: oklch(0.5544 0.0407 257.42); --primitives-categorical-slate-700: oklch(0.3717 0.0392 257.29); --primitives-categorical-slate-950: oklch(0.1288 0.0406 264.70); --primitives-categorical-red-50: oklch(0.9705 0.0129 17.38); --primitives-categorical-red-200: oklch(0.8845 0.0593 18.33); --primitives-categorical-red-500: oklch(0.6368 0.2078 25.33); --primitives-categorical-red-700: oklch(0.5054 0.1905 27.52); --primitives-categorical-red-950: oklch(0.2575 0.0886 26.04); --primitives-shadow-elevated-1-inner-offset-x: 0px; --primitives-shadow-elevated-1-inner-offset-y: 1px; --primitives-shadow-elevated-1-inner-blur: 1px; --primitives-shadow-elevated-1-inner-spread: 0px; --primitives-shadow-elevated-1-near-offset-x: 0px; --primitives-shadow-elevated-1-near-offset-y: 1px; --primitives-shadow-elevated-1-near-blur: 2px; --primitives-shadow-elevated-1-near-spread: 0px; --primitives-shadow-elevated-1-ambient-offset-x: 0px; --primitives-shadow-elevated-1-ambient-offset-y: 4px; --primitives-shadow-elevated-1-ambient-blur: 8px; --primitives-shadow-elevated-1-ambient-spread: 0px; --primitives-shadow-elevated-2-inner-offset-x: 0px; --primitives-shadow-elevated-2-inner-offset-y: 1px; --primitives-shadow-elevated-2-inner-blur: 1px; --primitives-shadow-elevated-2-inner-spread: 0px; --primitives-shadow-elevated-2-near-offset-x: 0px; --primitives-shadow-elevated-2-near-offset-y: 2px; --primitives-shadow-elevated-2-near-blur: 4px; --primitives-shadow-elevated-2-near-spread: 0px; --primitives-shadow-elevated-2-ambient-offset-x: 0px; --primitives-shadow-elevated-2-ambient-offset-y: 8px; --primitives-shadow-elevated-2-ambient-blur: 16px; --primitives-shadow-elevated-2-ambient-spread: 0px; --primitives-shadow-elevated-3-inner-offset-x: 0px; --primitives-shadow-elevated-3-inner-offset-y: 1px; --primitives-shadow-elevated-3-inner-blur: 1px; --primitives-shadow-elevated-3-inner-spread: 0px; --primitives-shadow-elevated-3-near-offset-x: 0px; --primitives-shadow-elevated-3-near-offset-y: 4px; --primitives-shadow-elevated-3-near-blur: 8px; --primitives-shadow-elevated-3-near-spread: 0px; --primitives-shadow-elevated-3-ambient-offset-x: 0px; --primitives-shadow-elevated-3-ambient-offset-y: 16px; --primitives-shadow-elevated-3-ambient-blur: 32px; --primitives-shadow-elevated-3-ambient-spread: 0px; --typescale-display-large-size: 57px; --typescale-display-large-line-height: 64px; --typescale-display-large-weight: Medium; --typescale-display-medium-size: 45px; --typescale-display-medium-line-height: 52px; --typescale-display-medium-weight: Medium; --typescale-display-small-size: 36px; --typescale-display-small-line-height: 44px; --typescale-display-small-weight: Medium; --typescale-headline-large-size: 32px; --typescale-headline-large-line-height: 40px; --typescale-headline-large-weight: Medium; --typescale-headline-medium-size: 28px; --typescale-headline-medium-line-height: 36px; --typescale-headline-medium-weight: Medium; --typescale-headline-small-size: 24px; --typescale-headline-small-line-height: 32px; --typescale-headline-small-weight: Medium; --typescale-title-large-size: 22px; --typescale-title-large-line-height: 28px; --typescale-title-large-weight: Medium; --typescale-title-medium-size: 16px; --typescale-title-medium-line-height: 24px; --typescale-title-medium-weight: Medium; --typescale-title-small-size: 14px; --typescale-title-small-line-height: 20px; --typescale-title-small-weight: Medium; --typescale-body-large-size: 16px; --typescale-body-large-line-height: 24px; --typescale-body-large-weight: Regular; --typescale-body-medium-size: 14px; --typescale-body-medium-line-height: 20px; --typescale-body-medium-weight: Regular; --typescale-body-small-size: 12px; --typescale-body-small-line-height: 16px; --typescale-body-small-weight: Regular; --typescale-label-large-size: 16px; --typescale-label-large-line-height: 18px; --typescale-label-large-weight: Medium; --typescale-label-large-weight-emphasized: Semibold; --typescale-label-medium-size: 14px; --typescale-label-medium-line-height: 16px; --typescale-label-medium-weight: Medium; --typescale-label-medium-weight-emphasized: Semibold; --typescale-label-small-size: 12px; --typescale-label-small-line-height: 14px; --typescale-label-small-weight: Medium; --typescale-label-small-weight-emphasized: Semibold; --typescale-label-x-small-size: 10px; --typescale-label-x-small-line-height: 11px; --typescale-label-x-small-weight: Medium; --typescale-label-x-small-weight-emphasized: Semibold; --typography-styles-display-large-font-weight: 500; --typography-styles-display-large-font-size: 57px; --typography-styles-display-large-line-height: 64px; --typography-styles-display-large-letter-spacing: 0%; --typography-styles-display-large-paragraph-spacing: 0px; --typography-styles-display-large-paragraph-indent: 0px; --typography-styles-display-large-text-decoration: NONE; --typography-styles-display-large-text-case: ORIGINAL; --typography-styles-display-medium-font-weight: 500; --typography-styles-display-medium-font-size: 45px; --typography-styles-display-medium-line-height: 52px; --typography-styles-display-medium-letter-spacing: 0%; --typography-styles-display-medium-paragraph-spacing: 0px; --typography-styles-display-medium-paragraph-indent: 0px; --typography-styles-display-medium-text-decoration: NONE; --typography-styles-display-medium-text-case: ORIGINAL; --typography-styles-display-small-font-weight: 500; --typography-styles-display-small-font-size: 36px; --typography-styles-display-small-line-height: 44px; --typography-styles-display-small-letter-spacing: 0%; --typography-styles-display-small-paragraph-spacing: 0px; --typography-styles-display-small-paragraph-indent: 0px; --typography-styles-display-small-text-decoration: NONE; --typography-styles-display-small-text-case: ORIGINAL; --typography-styles-headline-large-font-weight: 500; --typography-styles-headline-large-font-size: 32px; --typography-styles-headline-large-line-height: 40px; --typography-styles-headline-large-letter-spacing: 0%; --typography-styles-headline-large-paragraph-spacing: 0px; --typography-styles-headline-large-paragraph-indent: 0px; --typography-styles-headline-large-text-decoration: NONE; --typography-styles-headline-large-text-case: ORIGINAL; --typography-styles-headline-medium-font-weight: 500; --typography-styles-headline-medium-font-size: 28px; --typography-styles-headline-medium-line-height: 36px; --typography-styles-headline-medium-letter-spacing: 0%; --typography-styles-headline-medium-paragraph-spacing: 0px; --typography-styles-headline-medium-paragraph-indent: 0px; --typography-styles-headline-medium-text-decoration: NONE; --typography-styles-headline-medium-text-case: ORIGINAL; --typography-styles-headline-small-font-weight: 500; --typography-styles-headline-small-font-size: 24px; --typography-styles-headline-small-line-height: 32px; --typography-styles-headline-small-letter-spacing: 0%; --typography-styles-headline-small-paragraph-spacing: 0px; --typography-styles-headline-small-paragraph-indent: 0px; --typography-styles-headline-small-text-decoration: NONE; --typography-styles-headline-small-text-case: ORIGINAL; --typography-styles-title-large-font-weight: 500; --typography-styles-title-large-font-size: 22px; --typography-styles-title-large-line-height: 28px; --typography-styles-title-large-letter-spacing: 0%; --typography-styles-title-large-paragraph-spacing: 0px; --typography-styles-title-large-paragraph-indent: 0px; --typography-styles-title-large-text-decoration: NONE; --typography-styles-title-large-text-case: ORIGINAL; --typography-styles-title-medium-font-weight: 500; --typography-styles-title-medium-font-size: 16px; --typography-styles-title-medium-line-height: 24px; --typography-styles-title-medium-letter-spacing: 0%; --typography-styles-title-medium-paragraph-spacing: 0px; --typography-styles-title-medium-paragraph-indent: 0px; --typography-styles-title-medium-text-decoration: NONE; --typography-styles-title-medium-text-case: ORIGINAL; --typography-styles-title-small-font-weight: 500; --typography-styles-title-small-font-size: 14px; --typography-styles-title-small-line-height: 20px; --typography-styles-title-small-letter-spacing: 0%; --typography-styles-title-small-paragraph-spacing: 0px; --typography-styles-title-small-paragraph-indent: 0px; --typography-styles-title-small-text-decoration: NONE; --typography-styles-title-small-text-case: ORIGINAL; --typography-styles-body-large-font-weight: 400; --typography-styles-body-large-font-size: 16px; --typography-styles-body-large-line-height: 24px; --typography-styles-body-large-letter-spacing: 0%; --typography-styles-body-large-paragraph-spacing: 0px; --typography-styles-body-large-paragraph-indent: 0px; --typography-styles-body-large-text-decoration: NONE; --typography-styles-body-large-text-case: ORIGINAL; --typography-styles-body-medium-font-weight: 400; --typography-styles-body-medium-font-size: 14px; --typography-styles-body-medium-line-height: 20px; --typography-styles-body-medium-letter-spacing: 0%; --typography-styles-body-medium-paragraph-spacing: 0px; --typography-styles-body-medium-paragraph-indent: 0px; --typography-styles-body-medium-text-decoration: NONE; --typography-styles-body-medium-text-case: ORIGINAL; --typography-styles-body-small-font-weight: 400; --typography-styles-body-small-font-size: 12px; --typography-styles-body-small-line-height: 16px; --typography-styles-body-small-letter-spacing: 0%; --typography-styles-body-small-paragraph-spacing: 0px; --typography-styles-body-small-paragraph-indent: 0px; --typography-styles-body-small-text-decoration: NONE; --typography-styles-body-small-text-case: ORIGINAL; --typography-styles-label-large-font-weight: 500; --typography-styles-label-large-font-size: 16px; --typography-styles-label-large-line-height: 18px; --typography-styles-label-large-letter-spacing: 0%; --typography-styles-label-large-paragraph-spacing: 0px; --typography-styles-label-large-paragraph-indent: 0px; --typography-styles-label-large-text-decoration: NONE; --typography-styles-label-large-text-case: ORIGINAL; --typography-styles-label-medium-font-weight: 500; --typography-styles-label-medium-font-size: 14px; --typography-styles-label-medium-line-height: 16px; --typography-styles-label-medium-letter-spacing: 0%; --typography-styles-label-medium-paragraph-spacing: 0px; --typography-styles-label-medium-paragraph-indent: 0px; --typography-styles-label-medium-text-decoration: NONE; --typography-styles-label-medium-text-case: ORIGINAL; --typography-styles-label-medium-emphasized-font-weight: 600; --typography-styles-label-medium-emphasized-font-size: 14px; --typography-styles-label-medium-emphasized-line-height: 16px; --typography-styles-label-medium-emphasized-letter-spacing: 0%; --typography-styles-label-medium-emphasized-paragraph-spacing: 0px; --typography-styles-label-medium-emphasized-paragraph-indent: 0px; --typography-styles-label-medium-emphasized-text-decoration: NONE; --typography-styles-label-medium-emphasized-text-case: ORIGINAL; --typography-styles-label-small-font-weight: 500; --typography-styles-label-small-font-size: 12px; --typography-styles-label-small-line-height: 14px; --typography-styles-label-small-letter-spacing: 0%; --typography-styles-label-small-paragraph-spacing: 0px; --typography-styles-label-small-paragraph-indent: 0px; --typography-styles-label-small-text-decoration: NONE; --typography-styles-label-small-text-case: ORIGINAL; --typography-styles-label-x-small-font-weight: 500; --typography-styles-label-x-small-font-size: 10px; --typography-styles-label-x-small-line-height: 11px; --typography-styles-label-x-small-letter-spacing: 0%; --typography-styles-label-x-small-paragraph-spacing: 0px; --typography-styles-label-x-small-paragraph-indent: 0px; --typography-styles-label-x-small-text-decoration: NONE; --typography-styles-label-x-small-text-case: ORIGINAL; --typography-styles-utility-medium-12-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-medium-12-auto-font-weight: 500; --typography-styles-utility-medium-12-auto-font-style: normal; --typography-styles-utility-medium-12-auto-font-size: 12px; --typography-styles-utility-medium-12-auto-line-height: auto; --typography-styles-utility-medium-12-auto-letter-spacing: 0%; --typography-styles-utility-medium-12-auto-paragraph-spacing: 0px; --typography-styles-utility-medium-12-auto-paragraph-indent: 0px; --typography-styles-utility-medium-12-auto-text-decoration: NONE; --typography-styles-utility-medium-12-auto-text-case: ORIGINAL; --typography-styles-utility-medium-12-16px-font-family: Plus Jakarta Sans; --typography-styles-utility-medium-12-16px-font-weight: 500; --typography-styles-utility-medium-12-16px-font-style: normal; --typography-styles-utility-medium-12-16px-font-size: 12px; --typography-styles-utility-medium-12-16px-line-height: 16px; --typography-styles-utility-medium-12-16px-letter-spacing: 0%; --typography-styles-utility-medium-12-16px-paragraph-spacing: 0px; --typography-styles-utility-medium-12-16px-paragraph-indent: 0px; --typography-styles-utility-medium-12-16px-text-decoration: NONE; --typography-styles-utility-medium-12-16px-text-case: ORIGINAL; --typography-styles-utility-bold-13-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-bold-13-auto-font-weight: 700; --typography-styles-utility-bold-13-auto-font-style: normal; --typography-styles-utility-bold-13-auto-font-size: 13px; --typography-styles-utility-bold-13-auto-line-height: auto; --typography-styles-utility-bold-13-auto-letter-spacing: 0%; --typography-styles-utility-bold-13-auto-paragraph-spacing: 0px; --typography-styles-utility-bold-13-auto-paragraph-indent: 0px; --typography-styles-utility-bold-13-auto-text-decoration: NONE; --typography-styles-utility-bold-13-auto-text-case: ORIGINAL; --typography-styles-utility-semi-bold-13-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-semi-bold-13-auto-font-weight: 600; --typography-styles-utility-semi-bold-13-auto-font-style: normal; --typography-styles-utility-semi-bold-13-auto-font-size: 13px; --typography-styles-utility-semi-bold-13-auto-line-height: auto; --typography-styles-utility-semi-bold-13-auto-letter-spacing: 0%; --typography-styles-utility-semi-bold-13-auto-paragraph-spacing: 0px; --typography-styles-utility-semi-bold-13-auto-paragraph-indent: 0px; --typography-styles-utility-semi-bold-13-auto-text-decoration: NONE; --typography-styles-utility-semi-bold-13-auto-text-case: ORIGINAL; --typography-styles-utility-regular-13-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-regular-13-auto-font-weight: 400; --typography-styles-utility-regular-13-auto-font-style: normal; --typography-styles-utility-regular-13-auto-font-size: 13px; --typography-styles-utility-regular-13-auto-line-height: auto; --typography-styles-utility-regular-13-auto-letter-spacing: 0%; --typography-styles-utility-regular-13-auto-paragraph-spacing: 0px; --typography-styles-utility-regular-13-auto-paragraph-indent: 0px; --typography-styles-utility-regular-13-auto-text-decoration: NONE; --typography-styles-utility-regular-13-auto-text-case: ORIGINAL; --typography-styles-utility-medium-14-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-medium-14-auto-font-weight: 500; --typography-styles-utility-medium-14-auto-font-style: normal; --typography-styles-utility-medium-14-auto-font-size: 14px; --typography-styles-utility-medium-14-auto-line-height: auto; --typography-styles-utility-medium-14-auto-letter-spacing: 0%; --typography-styles-utility-medium-14-auto-paragraph-spacing: 0px; --typography-styles-utility-medium-14-auto-paragraph-indent: 0px; --typography-styles-utility-medium-14-auto-text-decoration: NONE; --typography-styles-utility-medium-14-auto-text-case: ORIGINAL; --typography-styles-utility-regular-11-14px-font-family: Plus Jakarta Sans; --typography-styles-utility-regular-11-14px-font-weight: 400; --typography-styles-utility-regular-11-14px-font-style: normal; --typography-styles-utility-regular-11-14px-font-size: 11px; --typography-styles-utility-regular-11-14px-line-height: 14px; --typography-styles-utility-regular-11-14px-letter-spacing: 0%; --typography-styles-utility-regular-11-14px-paragraph-spacing: 0px; --typography-styles-utility-regular-11-14px-paragraph-indent: 0px; --typography-styles-utility-regular-11-14px-text-decoration: NONE; --typography-styles-utility-regular-11-14px-text-case: ORIGINAL; --typography-styles-utility-semi-bold-16-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-semi-bold-16-auto-font-weight: 600; --typography-styles-utility-semi-bold-16-auto-font-style: normal; --typography-styles-utility-semi-bold-16-auto-font-size: 16px; --typography-styles-utility-semi-bold-16-auto-line-height: auto; --typography-styles-utility-semi-bold-16-auto-letter-spacing: 0%; --typography-styles-utility-semi-bold-16-auto-paragraph-spacing: 0px; --typography-styles-utility-semi-bold-16-auto-paragraph-indent: 0px; --typography-styles-utility-semi-bold-16-auto-text-decoration: NONE; --typography-styles-utility-semi-bold-16-auto-text-case: ORIGINAL; --typography-styles-utility-semi-bold-14-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-semi-bold-14-auto-font-weight: 600; --typography-styles-utility-semi-bold-14-auto-font-style: normal; --typography-styles-utility-semi-bold-14-auto-font-size: 14px; --typography-styles-utility-semi-bold-14-auto-line-height: auto; --typography-styles-utility-semi-bold-14-auto-letter-spacing: 0%; --typography-styles-utility-semi-bold-14-auto-paragraph-spacing: 0px; --typography-styles-utility-semi-bold-14-auto-paragraph-indent: 0px; --typography-styles-utility-semi-bold-14-auto-text-decoration: NONE; --typography-styles-utility-semi-bold-14-auto-text-case: ORIGINAL; --typography-styles-utility-medium-11-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-medium-11-auto-font-weight: 500; --typography-styles-utility-medium-11-auto-font-style: normal; --typography-styles-utility-medium-11-auto-font-size: 11px; --typography-styles-utility-medium-11-auto-line-height: auto; --typography-styles-utility-medium-11-auto-letter-spacing: 0%; --typography-styles-utility-medium-11-auto-paragraph-spacing: 0px; --typography-styles-utility-medium-11-auto-paragraph-indent: 0px; --typography-styles-utility-medium-11-auto-text-decoration: NONE; --typography-styles-utility-medium-11-auto-text-case: ORIGINAL; --typography-styles-utility-regular-12-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-regular-12-auto-font-weight: 400; --typography-styles-utility-regular-12-auto-font-style: normal; --typography-styles-utility-regular-12-auto-font-size: 12px; --typography-styles-utility-regular-12-auto-line-height: auto; --typography-styles-utility-regular-12-auto-letter-spacing: 0%; --typography-styles-utility-regular-12-auto-paragraph-spacing: 0px; --typography-styles-utility-regular-12-auto-paragraph-indent: 0px; --typography-styles-utility-regular-12-auto-text-decoration: NONE; --typography-styles-utility-regular-12-auto-text-case: ORIGINAL; --typography-styles-utility-semi-bold-17-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-semi-bold-17-auto-font-weight: 600; --typography-styles-utility-semi-bold-17-auto-font-style: normal; --typography-styles-utility-semi-bold-17-auto-font-size: 17px; --typography-styles-utility-semi-bold-17-auto-line-height: auto; --typography-styles-utility-semi-bold-17-auto-letter-spacing: 0%; --typography-styles-utility-semi-bold-17-auto-paragraph-spacing: 0px; --typography-styles-utility-semi-bold-17-auto-paragraph-indent: 0px; --typography-styles-utility-semi-bold-17-auto-text-decoration: NONE; --typography-styles-utility-semi-bold-17-auto-text-case: ORIGINAL; --typography-styles-utility-semi-bold-18-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-semi-bold-18-auto-font-weight: 600; --typography-styles-utility-semi-bold-18-auto-font-style: normal; --typography-styles-utility-semi-bold-18-auto-font-size: 18px; --typography-styles-utility-semi-bold-18-auto-line-height: auto; --typography-styles-utility-semi-bold-18-auto-letter-spacing: 0%; --typography-styles-utility-semi-bold-18-auto-paragraph-spacing: 0px; --typography-styles-utility-semi-bold-18-auto-paragraph-indent: 0px; --typography-styles-utility-semi-bold-18-auto-text-decoration: NONE; --typography-styles-utility-semi-bold-18-auto-text-case: ORIGINAL; --typography-styles-utility-regular-11-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-regular-11-auto-font-weight: 400; --typography-styles-utility-regular-11-auto-font-style: normal; --typography-styles-utility-regular-11-auto-font-size: 11px; --typography-styles-utility-regular-11-auto-line-height: auto; --typography-styles-utility-regular-11-auto-letter-spacing: 0%; --typography-styles-utility-regular-11-auto-paragraph-spacing: 0px; --typography-styles-utility-regular-11-auto-paragraph-indent: 0px; --typography-styles-utility-regular-11-auto-text-decoration: NONE; --typography-styles-utility-regular-11-auto-text-case: ORIGINAL; --typography-styles-utility-medium-13-auto-font-family: Plus Jakarta Sans; --typography-styles-utility-medium-13-auto-font-weight: 500; --typography-styles-utility-medium-13-auto-font-style: normal; --typography-styles-utility-medium-13-auto-font-size: 13px; --typography-styles-utility-medium-13-auto-line-height: auto; --typography-styles-utility-medium-13-auto-letter-spacing: 0%; --typography-styles-utility-medium-13-auto-paragraph-spacing: 0px; --typography-styles-utility-medium-13-auto-paragraph-indent: 0px; --typography-styles-utility-medium-13-auto-text-decoration: NONE; --typography-styles-utility-medium-13-auto-text-case: ORIGINAL; --components-button-dimension-text-size: var(--typescale-label-small-size); /** Tamanho da fonte do label. Valor direto definido por size mode. */ --components-button-dimension-text-weight: var(--typescale-label-small-weight); /** Peso tipográfico do label. Valor direto, sem alias. */ --semantic-content-default: var(--primitives-neutral-950); /** Texto ou ícone de maior ênfase sobre superfícies padrão. Semantic deve apontar para Primitives por alias. */ --semantic-content-secondary: var(--primitives-neutral-800); /** Texto ou ícone de ênfase intermediária sobre superfícies padrão. Semantic deve apontar para Primitives por alias. */ --semantic-content-muted: var(--primitives-neutral-600); /** Texto ou ícone de menor ênfase, usado em informações auxiliares ou despriorizadas. Semantic deve apontar para Primitives por alias. */ --semantic-content-subtle: var(--primitives-neutral-400); /** Texto ou ícone de baixa ênfase, ainda legível. Preferir a muted quando o conteúdo precisa permanecer perceptível. Semantic deve apontar para Primitives por alias. */ --semantic-content-inverse: var(--primitives-neutral-50); /** Texto ou ícone sobre superfícies escuras ou de cor forte que exigem contraste invertido. Semantic deve apontar para Primitives por alias. */ --semantic-border-subtle: var(--primitives-neutral-100); /** Borda discreta para separações leves e baixa hierarquia. Semantic deve apontar para Primitives por alias. */ --semantic-border-default: var(--primitives-neutral-200); /** Borda padrão para contornos e separadores usuais. Semantic deve apontar para Primitives por alias. */ --semantic-border-brand: var(--primitives-brand-500); /** Borda com identidade da marca para destaque ou seleção. Semantic deve apontar para Primitives por alias. */ --semantic-border-inverse: var(--primitives-neutral-0); /** Borda com identidade da marca para destaque ou seleção. Semantic deve apontar para Primitives por alias. */ --semantic-background-primary: var(--primitives-neutral-0); /** Superfície principal da interface. Possui valores Light e Dark por alias para Primitives. Semantic deve apontar para Primitives por alias. */ --semantic-background-secondary: var(--primitives-neutral-25); /** Superfície secundária usada para criar separação e hierarquia. Possui valores Light e Dark. Semantic deve apontar para Primitives por alias. */ --semantic-background-tertiary: var(--primitives-neutral-50); /** Superfície de terceiro nível para áreas aninhadas ou de menor destaque. Possui valores Light e Dark. Semantic deve apontar para Primitives por alias. */ --semantic-brand-default: var(--primitives-brand-500); /** Cor principal da marca para usos semânticos gerais. Componentes interativos devem preferir action/brand/*. Semantic deve apontar para Primitives por alias. */ --semantic-brand-hover: var(--primitives-brand-600); /** Estado hover da cor principal da marca em usos gerais. Semantic deve apontar para Primitives por alias. */ --semantic-brand-pressed: var(--primitives-brand-700); /** Estado ativo ou pressionado da cor principal da marca em usos gerais. Semantic deve apontar para Primitives por alias. */ --semantic-brand-subtle: var(--primitives-brand-100); /** Aplicação suave da cor da marca para fundos ou destaques de baixa intensidade. Semantic deve apontar para Primitives por alias. */ --semantic-brand-muted: var(--primitives-brand-50); /** Aplicação atenuada da cor da marca para menor ênfase. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-filled-container-default: var(--primitives-brand-500); /** Fundo padrão da ação de marca em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-filled-container-hover: var(--primitives-brand-600); /** Fundo hover da ação de marca em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-filled-container-pressed: var(--primitives-brand-700); /** Fundo pressed da ação de marca em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-filled-on-container: var(--primitives-brand-50); /** Texto ou ícone sobre o fundo preenchido da ação de marca. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-tonal-on-container: var(--primitives-brand-600); /** Texto ou ícone sobre o fundo tonal da ação de marca. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-tonal-container-default: var(--primitives-brand-100); /** Fundo padrão da ação de marca em aparência tonal. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-tonal-container-hover: var(--primitives-brand-50); /** Fundo hover da ação de marca em aparência tonal. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-tonal-container-pressed: var(--primitives-brand-200); /** Fundo pressed da ação de marca em aparência tonal. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-ghost-on-container: var(--primitives-brand-500); /** Texto ou ícone da ação de marca em aparências transparentes, como ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-ghost-container-default: var(--primitives-alpha-brand-0); /** Fundo padrão transparente da ação de marca em aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-ghost-container-hover: var(--primitives-alpha-brand-8); /** State layer de hover da ação de marca em aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-ghost-container-pressed: var(--primitives-alpha-brand-12); /** State layer de pressed da ação de marca em aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-shared-focus-ring: var(--primitives-alpha-brand-24); /** Cor do anel de foco acessível da ação de marca. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-shared-border-transparent: var(--primitives-alpha-brand-0); /** Borda semanticamente transparente da ação de marca; preserva anatomia e largura em aparências filled ou tonal. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-ghost-on-container: var(--primitives-neutral-700); /** Texto ou ícone da ação neutra em aparências transparentes, como ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-ghost-container-default: var(--primitives-alpha-black-0); /** Fundo padrão transparente da ação neutra em aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-ghost-container-hover: var(--primitives-alpha-black-4); /** State layer de hover da ação neutra em aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-ghost-container-pressed: var(--primitives-alpha-black-8); /** State layer de pressed da ação neutra em aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-ghost-border-default: var(--primitives-neutral-500); /** Borda visível padrão da ação neutra, especialmente para aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-ghost-border-hover: var(--primitives-neutral-600); /** Borda visível no hover da ação neutra. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-ghost-border-pressed: var(--primitives-neutral-700); /** Borda visível no pressed da ação neutra. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-ghost-on-container-subtle: var(--primitives-neutral-500); /** Texto ou ícone neutro de menor ênfase, indicado para itens não selecionados e conteúdos secundários. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-shared-focus-ring: var(--primitives-alpha-black-24); /** Cor do anel de foco acessível da ação neutra. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-shared-border-transparent: var(--primitives-alpha-black-0); /** Borda semanticamente transparente da ação neutra; preserva anatomia e largura em aparências filled ou tonal. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-tonal-container-default: var(--primitives-neutral-100); /** Fundo padrão da ação neutra em aparência tonal. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-tonal-container-hover: var(--primitives-neutral-50); /** Fundo hover da ação neutra em aparência tonal. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-tonal-container-pressed: var(--primitives-neutral-200); /** Fundo pressed da ação neutra em aparência tonal. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-tonal-on-container: var(--primitives-neutral-800); /** Texto ou ícone sobre o fundo tonal da ação neutra. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-inverse-container-default: var(--primitives-neutral-700); /** Fundo padrão da ação neutra em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-inverse-container-hover: var(--primitives-neutral-600); /** Fundo hover da ação neutra em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-inverse-container-pressed: var(--primitives-neutral-800); /** Fundo pressed da ação neutra em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-inverse-on-container: var(--primitives-neutral-50); /** Texto ou ícone sobre o fundo preenchido da ação neutra. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-neutral-filled-container-default: var(--primitives-neutral-25); --semantic-action-neutral-filled-container-hover: var(--primitives-neutral-50); --semantic-action-neutral-filled-container-pressed: var(--primitives-neutral-200); --semantic-action-neutral-filled-on-container: var(--primitives-neutral-900); --semantic-action-danger-filled-container-default: var(--primitives-red-500); /** Fundo padrão da ação destrutiva em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-filled-container-hover: var(--primitives-red-600); /** Fundo hover da ação destrutiva em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-filled-container-pressed: var(--primitives-red-700); /** Fundo pressed da ação destrutiva em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-filled-on-container: var(--primitives-neutral-0); /** Texto ou ícone sobre o fundo preenchido da ação destrutiva. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-ghost-on-container: var(--primitives-red-600); /** Texto ou ícone da ação destrutiva em aparências transparentes, como ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-ghost-container-default: var(--primitives-alpha-red-0); /** Fundo padrão transparente da ação destrutiva em aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-ghost-container-hover: var(--primitives-alpha-red-8); /** State layer de hover da ação destrutiva em aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-ghost-container-pressed: var(--primitives-alpha-red-12); /** State layer de pressed da ação destrutiva em aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-shared-focus-ring: var(--primitives-alpha-red-24); /** Cor do anel de foco acessível da ação destrutiva. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-shared-border-transparent: var(--primitives-alpha-red-0); /** Borda semanticamente transparente da ação destrutiva; preserva anatomia e largura em aparências filled ou tonal. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-warning-filled-container-default: var(--primitives-yellow-550); /** Fundo padrão da ação de atenção em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-warning-filled-container-hover: var(--primitives-yellow-500); /** Fundo hover da ação de atenção em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-warning-filled-container-pressed: var(--primitives-yellow-600); /** Fundo pressed da ação de atenção em aparência preenchida. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-warning-filled-on-container: var(--primitives-brand-50); /** Texto ou ícone sobre o fundo preenchido da ação de atenção. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-warning-shared-focus-ring: var(--primitives-alpha-yellow-24); /** Cor do anel de foco acessível da ação de atenção. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-warning-shared-border-transparent: var(--primitives-alpha-yellow-0); /** Borda semanticamente transparente da ação de atenção; preserva anatomia e largura em aparências filled ou tonal. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-disabled-filled-container: var(--primitives-neutral-100); /** Fundo padrão da ação desabilitada em aparência preenchida. Uso exclusivo em componentes desabilitados. Semantic deve apontar para Primitives por alias. */ --semantic-action-disabled-shared-on-container: var(--primitives-neutral-400); /** Texto ou ícone da ação desabilitada em aparências transparentes, como ghost. Uso exclusivo em componentes desabilitados. Semantic deve apontar para Primitives por alias. */ --semantic-action-disabled-ghost-container: var(--primitives-alpha-black-0); /** Valor transparente para propriedades da ação desabilitada que não devem ficar visíveis. Uso exclusivo em componentes desabilitados. Semantic deve apontar para Primitives por alias. */ --semantic-status-success-flag: var(--primitives-green-500); /** Cor forte de identificação do status. Status sucesso. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-success-on-flag: var(--primitives-green-50); /** Texto ou ícone aplicado sobre a cor forte do status. Status sucesso. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-success-bg: var(--primitives-green-50); /** Fundo suave para comunicar o status. Status sucesso. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-success-border: var(--primitives-green-300); /** Borda semântica do status. Status sucesso. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-success-text: var(--primitives-green-600); /** Texto aplicado sobre os containers do status. Status sucesso. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-success-on-container: var(--primitives-green-700); /** Cor de ícone usada para representar o status. Status sucesso. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-success-container: var(--primitives-green-100); /** Fundo tonal mais intenso para comunicar o status com maior ênfase. Status sucesso. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-warning-flag: var(--primitives-yellow-500); /** Cor forte de identificação do status. Status atenção. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-warning-bg: var(--primitives-yellow-50); /** Fundo suave para comunicar o status. Status atenção. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-warning-on-container: var(--primitives-yellow-700); /** Cor de ícone usada para representar o status. Status atenção. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-warning-on-flag: var(--primitives-yellow-50); /** Texto ou ícone aplicado sobre a cor forte do status. Status atenção. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-warning-border: var(--primitives-yellow-300); /** Borda semântica do status. Status atenção. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-warning-text: var(--primitives-yellow-600); /** Texto aplicado sobre os containers do status. Status atenção. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-warning-container: var(--primitives-yellow-100); /** Fundo tonal mais intenso para comunicar o status com maior ênfase. Status atenção. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-critical-flag: var(--primitives-red-500); /** Cor forte de identificação do status. Status crítico. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-critical-bg: var(--primitives-red-50); /** Fundo suave para comunicar o status. Status crítico. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-critical-on-container: var(--primitives-red-700); /** Cor de ícone usada para representar o status. Status crítico. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-critical-on-flag: var(--primitives-red-50); /** Texto ou ícone aplicado sobre a cor forte do status. Status crítico. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-critical-border: var(--primitives-red-300); /** Borda semântica do status. Status crítico. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-critical-text: var(--primitives-red-600); /** Texto aplicado sobre os containers do status. Status crítico. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-critical-container: var(--primitives-red-100); /** Fundo tonal mais intenso para comunicar o status com maior ênfase. Status crítico. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-info-flag: var(--primitives-blue-500); /** Cor forte de identificação do status. Status informativo. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-info-bg: var(--primitives-blue-50); /** Fundo suave para comunicar o status. Status informativo. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-info-on-container: var(--primitives-blue-700); /** Cor de ícone usada para representar o status. Status informativo. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-info-on-flag: var(--primitives-blue-50); /** Texto ou ícone aplicado sobre a cor forte do status. Status informativo. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-info-border: var(--primitives-blue-300); /** Borda semântica do status. Status informativo. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-info-text: var(--primitives-blue-600); /** Texto aplicado sobre os containers do status. Status informativo. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-status-info-container: var(--primitives-blue-100); /** Fundo tonal mais intenso para comunicar o status com maior ênfase. Status informativo. Possui Light e Dark e deve apontar para Primitives por alias. */ --semantic-data-categorical-sky-flag: var(--primitives-categorical-sky-500); --semantic-data-categorical-sky-container: var(--primitives-categorical-sky-50); --semantic-data-categorical-sky-text: var(--primitives-categorical-sky-700); --semantic-data-categorical-purple-flag: var(--primitives-categorical-violet-600); --semantic-data-categorical-purple-container: var(--primitives-categorical-violet-50); --semantic-data-categorical-purple-text: var(--primitives-categorical-violet-700); --semantic-data-categorical-orange-flag: var(--primitives-categorical-orange-500); --semantic-data-categorical-orange-container: var(--primitives-categorical-orange-50); --semantic-data-categorical-orange-text: var(--primitives-categorical-orange-700); --semantic-data-categorical-cyan-flag: var(--primitives-categorical-teal-500); --semantic-data-categorical-cyan-container: var(--primitives-categorical-teal-50); --semantic-data-categorical-cyan-text: var(--primitives-categorical-teal-700); --semantic-data-categorical-yellow-flag: var(--primitives-categorical-yellow-500); --semantic-data-categorical-yellow-container: var(--primitives-categorical-yellow-50); --semantic-data-categorical-yellow-text: var(--primitives-categorical-yellow-700); --semantic-data-categorical-green-flag: var(--primitives-categorical-green-600); --semantic-data-categorical-green-container: var(--primitives-categorical-green-50); --semantic-data-categorical-green-text: var(--primitives-categorical-green-700); --semantic-data-categorical-pink-flag: var(--primitives-categorical-pink-500); --semantic-data-categorical-pink-container: var(--primitives-categorical-pink-50); --semantic-data-categorical-pink-text: var(--primitives-categorical-pink-700); --semantic-data-categorical-slate-flag: var(--primitives-categorical-slate-500); --semantic-data-categorical-slate-container: var(--primitives-categorical-slate-50); --semantic-data-categorical-slate-text: var(--primitives-categorical-slate-700); --semantic-data-categorical-red-flag: var(--primitives-categorical-red-500); --semantic-data-categorical-red-container: var(--primitives-categorical-red-50); --semantic-data-categorical-red-text: var(--primitives-categorical-red-700); --semantic-data-categorical-shared-on-flag: var(--primitives-neutral-0); --semantic-elevation-elevated-1-inner-offset-x: var(--primitives-shadow-elevated-1-inner-offset-x); --semantic-elevation-elevated-1-inner-offset-y: var(--primitives-shadow-elevated-1-inner-offset-y); --semantic-elevation-elevated-1-inner-blur: var(--primitives-shadow-elevated-1-inner-blur); --semantic-elevation-elevated-1-inner-spread: var(--primitives-shadow-elevated-1-inner-spread); --semantic-elevation-elevated-1-inner-color: var(--primitives-alpha-white-8); --semantic-elevation-elevated-1-near-offset-x: var(--primitives-shadow-elevated-1-near-offset-x); --semantic-elevation-elevated-1-near-offset-y: var(--primitives-shadow-elevated-1-near-offset-y); --semantic-elevation-elevated-1-near-blur: var(--primitives-shadow-elevated-1-near-blur); --semantic-elevation-elevated-1-near-spread: var(--primitives-shadow-elevated-1-near-spread); --semantic-elevation-elevated-1-near-color: var(--primitives-alpha-black-12); --semantic-elevation-elevated-1-ambient-offset-x: var(--primitives-shadow-elevated-1-ambient-offset-x); --semantic-elevation-elevated-1-ambient-offset-y: var(--primitives-shadow-elevated-1-ambient-offset-y); --semantic-elevation-elevated-1-ambient-blur: var(--primitives-shadow-elevated-1-ambient-blur); --semantic-elevation-elevated-1-ambient-spread: var(--primitives-shadow-elevated-1-ambient-spread); --semantic-elevation-elevated-1-ambient-color: var(--primitives-alpha-black-8); --semantic-elevation-elevated-2-inner-offset-x: var(--primitives-shadow-elevated-2-inner-offset-x); --semantic-elevation-elevated-2-inner-offset-y: var(--primitives-shadow-elevated-2-inner-offset-y); --semantic-elevation-elevated-2-inner-blur: var(--primitives-shadow-elevated-2-inner-blur); --semantic-elevation-elevated-2-inner-spread: var(--primitives-shadow-elevated-2-inner-spread); --semantic-elevation-elevated-2-inner-color: var(--primitives-alpha-white-8); --semantic-elevation-elevated-2-near-offset-x: var(--primitives-shadow-elevated-2-near-offset-x); --semantic-elevation-elevated-2-near-offset-y: var(--primitives-shadow-elevated-2-near-offset-y); --semantic-elevation-elevated-2-near-blur: var(--primitives-shadow-elevated-2-near-blur); --semantic-elevation-elevated-2-near-spread: var(--primitives-shadow-elevated-2-near-spread); --semantic-elevation-elevated-2-near-color: var(--primitives-alpha-black-12); --semantic-elevation-elevated-2-ambient-offset-x: var(--primitives-shadow-elevated-2-ambient-offset-x); --semantic-elevation-elevated-2-ambient-offset-y: var(--primitives-shadow-elevated-2-ambient-offset-y); --semantic-elevation-elevated-2-ambient-blur: var(--primitives-shadow-elevated-2-ambient-blur); --semantic-elevation-elevated-2-ambient-spread: var(--primitives-shadow-elevated-2-ambient-spread); --semantic-elevation-elevated-2-ambient-color: var(--primitives-alpha-black-8); --semantic-elevation-elevated-3-inner-offset-x: var(--primitives-shadow-elevated-3-inner-offset-x); --semantic-elevation-elevated-3-inner-offset-y: var(--primitives-shadow-elevated-3-inner-offset-y); --semantic-elevation-elevated-3-inner-blur: var(--primitives-shadow-elevated-3-inner-blur); --semantic-elevation-elevated-3-inner-spread: var(--primitives-shadow-elevated-3-inner-spread); --semantic-elevation-elevated-3-inner-color: var(--primitives-alpha-white-8); --semantic-elevation-elevated-3-near-offset-x: var(--primitives-shadow-elevated-3-near-offset-x); --semantic-elevation-elevated-3-near-offset-y: var(--primitives-shadow-elevated-3-near-offset-y); --semantic-elevation-elevated-3-near-blur: var(--primitives-shadow-elevated-3-near-blur); --semantic-elevation-elevated-3-near-spread: var(--primitives-shadow-elevated-3-near-spread); --semantic-elevation-elevated-3-near-color: var(--primitives-alpha-black-16); --semantic-elevation-elevated-3-ambient-offset-x: var(--primitives-shadow-elevated-3-ambient-offset-x); --semantic-elevation-elevated-3-ambient-offset-y: var(--primitives-shadow-elevated-3-ambient-offset-y); --semantic-elevation-elevated-3-ambient-blur: var(--primitives-shadow-elevated-3-ambient-blur); --semantic-elevation-elevated-3-ambient-spread: var(--primitives-shadow-elevated-3-ambient-spread); --semantic-elevation-elevated-3-ambient-color: var(--primitives-alpha-black-12); --typescale-display-large-font: var(--font-theme-static-font-brand); --typescale-display-medium-font: var(--font-theme-static-font-brand); --typescale-display-small-font: var(--font-theme-static-font-brand); --typescale-headline-large-font: var(--font-theme-static-font-brand); --typescale-headline-medium-font: var(--font-theme-static-font-brand); --typescale-headline-small-font: var(--font-theme-static-font-brand); --typescale-title-large-font: var(--font-theme-static-font-brand); --typescale-title-medium-font: var(--font-theme-static-font-brand); --typescale-title-small-font: var(--font-theme-static-font-brand); --typescale-body-large-font: var(--font-theme-static-font-brand); --typescale-body-medium-font: var(--font-theme-static-font-brand); --typescale-body-small-font: var(--font-theme-static-font-brand); --typescale-label-large-font: var(--font-theme-static-font-brand); --typescale-label-medium-font: var(--font-theme-static-font-brand); --typescale-label-small-font: var(--font-theme-static-font-brand); --typescale-label-x-small-font: var(--font-theme-static-font-brand); --typography-styles-display-large-font-style: var(--typescale-display-large-weight); --typography-styles-display-medium-font-style: var(--typescale-display-medium-weight); --typography-styles-display-small-font-style: var(--typescale-display-small-weight); --typography-styles-headline-large-font-style: var(--typescale-headline-large-weight); --typography-styles-headline-medium-font-style: var(--typescale-headline-medium-weight); --typography-styles-headline-small-font-style: var(--typescale-headline-small-weight); --typography-styles-title-large-font-style: var(--typescale-title-large-weight); --typography-styles-title-medium-font-style: var(--typescale-title-medium-weight); --typography-styles-title-small-font-style: var(--typescale-title-small-weight); --typography-styles-body-large-font-style: var(--typescale-body-large-weight); --typography-styles-body-medium-font-style: var(--typescale-body-medium-weight); --typography-styles-body-small-font-style: var(--typescale-body-small-weight); --typography-styles-label-large-font-style: var(--typescale-label-large-weight); --typography-styles-label-medium-font-style: var(--typescale-label-medium-weight); --typography-styles-label-medium-emphasized-font-style: var(--typescale-label-medium-weight-emphasized); --typography-styles-label-small-font-style: var(--typescale-label-small-weight); --typography-styles-label-x-small-font-style: var(--typescale-label-x-small-weight); --components-button-color-container-default: var(--semantic-action-brand-filled-container-default); /** Fill do container no estado Default. O mode da collection define a aparência do botão. */ --components-button-color-container-hover: var(--semantic-action-brand-filled-container-hover); /** Fill do container no estado Hover. O mode da collection define a aparência do botão. */ --components-button-color-container-pressed: var(--semantic-action-brand-filled-container-pressed); /** Fill do container no estado Pressed. O mode da collection define a aparência do botão. */ --components-button-color-container-disabled: var(--semantic-action-disabled-filled-container); /** Fill do container no estado Disabled, compartilhado entre as aparências. */ --components-button-color-label-default: var(--semantic-action-brand-filled-on-container); /** Cor do label nos estados habilitados. O mode da collection define a aparência. */ --components-button-color-label-disabled: var(--semantic-action-disabled-shared-on-container); /** Cor do label no estado Disabled. */ --components-button-color-icon-default: var(--semantic-action-brand-filled-on-container); /** Cor dos ícones nos estados habilitados. O mode da collection define a aparência. */ --components-button-color-icon-disabled: var(--semantic-action-disabled-shared-on-container); /** Cor dos ícones no estado Disabled. */ --components-button-color-border-default: var(--semantic-action-brand-shared-border-transparent); /** Cor da borda no estado Default. Deve aliasar action/*/border ou action/*/border-transparent no Semantic. */ --components-button-color-border-hover: var(--semantic-action-brand-shared-border-transparent); /** Cor da borda no estado Hover. Deve apontar para um token Semantic de ação. */ --components-button-color-border-pressed: var(--semantic-action-brand-shared-border-transparent); /** Cor da borda no estado Pressed. Deve apontar para um token Semantic de ação. */ --components-button-color-border-disabled: var(--semantic-action-brand-shared-border-transparent); /** Cor da borda no estado Disabled. Deve apontar para action/disabled/border. */ --components-button-color-focus-ring: var(--semantic-action-brand-shared-focus-ring); /** Cor do anel de foco. Deve apontar para o focus-ring Semantic correspondente ao mode. */ --components-button-color-tooltip-background: var(--semantic-action-brand-filled-container-default); /** Fill do container no estado Default. O mode da collection define a aparência do botão. */ --components-button-color-tooltip-content: var(--semantic-action-brand-filled-on-container); /** Fill do container no estado Default. O mode da collection define a aparência do botão. */ --components-button-dimension-text-font: var(--typescale-label-small-font); /** Família tipográfica do label. Valor direto, sem alias. */ --components-tooltip-color-container-default: var(--semantic-action-neutral-inverse-container-default); --components-tooltip-color-content-default: var(--semantic-action-neutral-inverse-on-container); --components-tooltip-color-border-default: var(--semantic-action-neutral-shared-border-transparent); --effect-styles-elevation-elevated-1: inset 0px 1px 1px 0px oklch(1.0000 0.0000 180.00 / 0.08), 0px 1px 2px 0px oklch(0.0000 0.0000 0.00 / 0.12), 0px 4px 8px 0px oklch(0.0000 0.0000 0.00 / 0.08); --effect-styles-elevation-elevated-2: inset 0px 1px 1px 0px oklch(1.0000 0.0000 180.00 / 0.08), 0px 2px 4px 0px oklch(0.0000 0.0000 0.00 / 0.12), 0px 8px 16px 0px oklch(0.0000 0.0000 0.00 / 0.08); --effect-styles-elevation-elevated-3: inset 0px 1px 1px 0px oklch(1.0000 0.0000 180.00 / 0.08), 0px 4px 8px 0px oklch(0.0000 0.0000 0.00 / 0.16), 0px 16px 32px 0px oklch(0.0000 0.0000 0.00 / 0.12); --semantic-action-brand-ghost-border-default: var(--semantic-border-brand); /** Borda visível padrão da ação de marca, especialmente para aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-ghost-border-hover: var(--semantic-action-brand-filled-container-hover); /** Borda visível no hover da ação de marca. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-brand-ghost-border-pressed: var(--semantic-action-brand-filled-container-pressed); /** Borda visível no pressed da ação de marca. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-ghost-border-default: var(--semantic-status-critical-border); /** Borda visível padrão da ação destrutiva, especialmente para aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-ghost-border-hover: var(--semantic-action-danger-ghost-on-container); /** Borda visível no hover da ação destrutiva. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-danger-ghost-border-pressed: var(--semantic-action-danger-filled-container-pressed); /** Borda visível no pressed da ação destrutiva. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-warning-filled-border-default: var(--semantic-status-warning-border); /** Borda visível padrão da ação de atenção, especialmente para aparência ghost. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-warning-filled-border-hover: var(--semantic-action-warning-filled-container-hover); /** Borda visível no hover da ação de atenção. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-warning-filled-border-pressed: var(--semantic-action-warning-filled-container-pressed); /** Borda visível no pressed da ação de atenção. Componentes devem consumir este token por meio de sua collection de componente. Semantic deve apontar para Primitives por alias. */ --semantic-action-disabled-shared-border: var(--semantic-border-subtle); /** Borda visível padrão da ação desabilitada, especialmente para aparência ghost. Uso exclusivo em componentes desabilitados. Semantic deve apontar para Primitives por alias. */ --typography-styles-display-large-font-family: var(--typescale-display-large-font); --typography-styles-display-medium-font-family: var(--typescale-display-medium-font); --typography-styles-display-small-font-family: var(--typescale-display-small-font); --typography-styles-headline-large-font-family: var(--typescale-headline-large-font); --typography-styles-headline-medium-font-family: var(--typescale-headline-medium-font); --typography-styles-headline-small-font-family: var(--typescale-headline-small-font); --typography-styles-title-large-font-family: var(--typescale-title-large-font); --typography-styles-title-medium-font-family: var(--typescale-title-medium-font); --typography-styles-title-small-font-family: var(--typescale-title-small-font); --typography-styles-body-large-font-family: var(--typescale-body-large-font); --typography-styles-body-medium-font-family: var(--typescale-body-medium-font); --typography-styles-body-small-font-family: var(--typescale-body-small-font); --typography-styles-label-large-font-family: var(--typescale-label-large-font); --typography-styles-label-medium-font-family: var(--typescale-label-medium-font); --typography-styles-label-medium-emphasized-font-family: var(--typescale-label-medium-font); --typography-styles-label-small-font-family: var(--typescale-label-small-font); --typography-styles-label-x-small-font-family: var(--typescale-label-x-small-font); }