/* Theme Configuration and Global Styles */

body {
    font-family: 'Inter', sans-serif;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Light theme - default */
:root {
    --primary: #f20df2;
    --primary-hover: #d60ad6;
    --background-light: #f8f5f8;
    --background-dark: #221022;
    --text-main: #181118;
    --text-sub: #4a404a;
}

html.light {
    color-scheme: light;
}

html.dark {
    color-scheme: dark;
}