/* Provence Identity Visual Theme */

:root {
    /* Cores Principais */
    --provence-blue: #256A96;
    --provence-blue-light: #3094C6;
    --provence-blue-lighter: #6DA8D5;
    --provence-blue-lightest: #ADCAEC;
    
    /* Cores Neutras */
    --provence-cream: #FFFCF6;
    --provence-beige: #E8DFCE;
    --provence-beige-light: #F5F2EB;
    
    /* Cores Terrosas */
    --provence-brown: #865C13;
    --provence-brown-dark: #57411C;
    --provence-olive: #A19568;
    
    /* Fontes */
    --provence-display: 'Playfair Display', serif;
    --provence-text: 'Raleway', sans-serif;
    --provence-alt: 'Heebo', sans-serif;
}

/* Tipografia Global */
body {
    font-family: 'Raleway', sans-serif;
    color: var(--provence-brown-dark);
    transition: font-family 0.3s ease;
}

/* Títulos agora herdam a fonte do contexto através das classes font-raleway, font-heebo, font-playfair */
h1, h2, h3, h4, h5, h6 {
    color: var(--provence-blue);
}

/* Classes de Fonte */
.provence-display {
    font-family: var(--provence-display);
    font-style: italic;
}

.provence-display-regular {
    font-family: var(--provence-display);
    font-style: normal;
}

.provence-text {
    font-family: var(--provence-text);
}

.provence-alt {
    font-family: var(--provence-alt);
}

/* Decoração de Lavanda */
.lavender-decoration {
    opacity: 0.3;
}

/* Utilities */
.text-provence-blue {
    color: var(--provence-blue);
}

.bg-provence-cream {
    background-color: var(--provence-cream);
}

/* MudBlazor Custom Styles */
.mud-nav-link {
    font-family: var(--provence-text);
}

.mud-nav-link .mud-nav-link-text {
    font-family: var(--provence-text);
    font-weight: 400;
}

/* AppBar Styles */
.mud-appbar {
    backdrop-filter: blur(10px);
}