/* Import modern fonts from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Nunito+Sans:wght@400;600;700&family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap');

/* Custom font styles for app header and login */
:root {
    /* Add new font variables while keeping the original */
    --original-font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --title-font-family: 'Montserrat', sans-serif;
    
    /* Other font options that can be easily swapped:
    --title-font-family: 'Roboto', sans-serif;
    --title-font-family: 'Open Sans', sans-serif;
    --title-font-family: 'Poppins', sans-serif;
    --title-font-family: 'Nunito Sans', sans-serif;
    */
}

/* Apply the new font to app header title */
.app-header h1 {
    font-family: var(--title-font-family);
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Apply the new font to login page title */
.login-header h1 {
    font-family: var(--title-font-family);
    font-weight: 600;
    letter-spacing: 0.5px;
}