/* Custom Fonts */
body {
    font-family: "Inter", sans-serif;
}

h1,
h2,
h3,
h4 {
    font-family: "Manrope", sans-serif;
}

/* Navigation */
.glass-nav {
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.9);
}

.dark .glass-nav {
    background-color: rgba(16, 25, 34, 0.9);
}

/* Background Patterns */
.cad-pattern {
    background-image: radial-gradient(circle, #e5e7eb 1px, transparent 1px), linear-gradient(to right, #e5e7eb 1px, transparent 1px), linear-gradient(to bottom, #e5e7eb 1px, transparent 1px);
    background-size: 20px 20px, 100px 100px, 100px 100px;
    opacity: 0.4;
}

.cad-pattern-faded {
    background-image: radial-gradient(circle, #e5e7eb 1px, transparent 1px), linear-gradient(to right, #e5e7eb 1px, transparent 1px), linear-gradient(to bottom, #e5e7eb 1px, transparent 1px);
    background-size: 20px 20px, 100px 100px, 100px 100px;
    opacity: 0.15;
}

/* Overlays */
.cad-overlay {
    background-image: url(../images/backgrounds/bg_pattern_overlay.webp);
    background-repeat: repeat;
}

.cad-overlay-faded {
    background-image: url('../images/backgrounds/bg_pattern_overlay.webp');
    background-size: cover;
    background-position: center;
    opacity: 0.08;
}

.cad-overlay-faded-mix {
    background-image: url('../images/backgrounds/bg_pattern_overlay.webp');
    background-size: cover;
    background-position: center;
    opacity: 0.15;
    mix-blend-mode: overlay;
}

/* Typographic Helpers */
.logo-serif,
.logo-text,
.logo-dmc {
    font-family: 'Playfair Display', serif;
}

.logo-sans,
.logo-planning,
.logo-subtext {
    font-family: 'Inter', sans-serif;
    letter-spacing: 0.4em;
}

.serif-italic {
    font-family: 'Playfair Display', serif;
    font-style: italic;
}