@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Work+Sans:wght@300;400;500;600&display=swap');

:root {
    --primary: #2e0052;
    --primary-container: #4b0082;
    --on-primary: #ffffff;
    --secondary: #735c00;
    --secondary-container: #fed65b;
    --on-secondary-container: #745c00;
    --surface: #fcf9f8;
    --surface-container-low: #f6f3f2;
    --surface-container-lowest: #ffffff;
    --surface-container-highest: #e5e2e1;
    --on-surface: #1c1b1b;
    --on-surface-variant: #4c4451;
    --outline-variant: #cec3d3;
    --secondary-fixed: #ffe088;
    --on-secondary-fixed: #241a00;
}

body {
    background-color: var(--surface);
    color: var(--on-surface);
    font-family: 'Work Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .font-headline {
    font-family: 'Space Grotesk', sans-serif;
}

.glass-nav {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.hero-gradient {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);
}

.gold-gradient {
    background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-container) 100%);
}

.primary-gradient-btn {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);
    color: var(--on-primary);
    transition: all 0.3s ease;
}

.primary-gradient-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.gold-ghost-btn {
    border: 1px solid var(--secondary);
    color: var(--secondary);
    transition: all 0.3s ease;
}

.gold-ghost-btn:hover {
    background: rgba(115, 92, 0, 0.05);
}

/* Material Symbols Integration */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
}

/* No-Line Rule: use spacing or background shifts instead of borders */
.section-shift {
    background-color: var(--surface-container-low);
}

/* Utility for directory-based clean URLs */
a[href$=".html"] {
    /* Potential logic to warn/fix during dev */
}