:root {
    --color-primary: #2f2e41;
    --color-secondary: #6c63ff;
    --mdc-theme-primary: #2f2e41;
    --mdc-theme-secondary: #6c63ff;
    --primary: 243 17% 22%;
    --primary-foreground: 210 40% 98%;
    --secondary: 243 100% 69%;
    --secondary-foreground: 222.2 47.4% 11.2%;
    --primary-oklch: 0.288 0.031 282.8;
    --primary-foreground-oklch: 0.981 0.014 247.9;
    --secondary-oklch: 0.644 0.224 282.8;
    --secondary-foreground-oklch: 0.208 0.042 265.8;
    font-synthesis: none !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}