/**
 * Main stylesheet for ScheduMaker
 * This project uses Bootstrap 5.3.3 for styling
 */

/* Import custom theme styles */
@import "./theme.css";

/* Custom global styles */
:root {
    --font-sans:
        "Figtree", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
    font-family: var(--font-sans);
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined Variable';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    white-space: nowrap;
    direction: ltr;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    font-size: 20px;
    vertical-align: middle;
}

.material-symbols-outlined.icon-fill {
    font-variation-settings: 'FILL' 1;
}

/* Additional custom styles can be added here */