/* ==========================================================================
   PEPADB CENTRALIZED FONT SYSTEM
   ========================================================================== */

/* Load the Nasalization font for branding with highest priority */
@import url('https://fonts.cdnfonts.com/css/nasalization-2');

/* ==========================================================================
   FONT STACK DEFINITIONS
   ========================================================================== */

:root {
    /* Brand font - Nasalization (only for logo/branding) */
    --font-brand: 'Nasalization', sans-serif;

    /* Modern system font stack for body text */
    --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

    /* System monospace stack for numbers/code */
    --font-mono: 'SF Mono', Monaco, Inconsolata, 'Roboto Mono', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
}

/* ==========================================================================
   BASE FONT STYLES
   ========================================================================== */

/* Default font for body and common elements (lower specificity to allow inline style overrides) */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span:not([style*="Nasalization"]),
button,
input,
select,
textarea,
.nav-link:not([style*="Nasalization"]) {
    font-family: var(--font-body);
}

/* Brand font class for logo elements */
.brand-font {
    font-family: var(--font-brand) !important;
}

/* Ensure Nasalization font works in inline styles - highest priority */
[style*="font-family: 'Nasalization'"],
[style*="font-family:'Nasalization'"],
[style*="font-family: \"Nasalization\""],
[style*="font-family:\"Nasalization\""] {
    font-family: 'Nasalization', sans-serif !important;
}

/* Force Nasalization font for all QUANTA elements */
*[style*="Nasalization"] {
    font-family: 'Nasalization', sans-serif !important;
}

/* Monospace font class for numbers/code */
.font-mono {
    font-family: var(--font-mono) !important;
}

/* ==========================================================================
   UTILITY CLASSES
   ========================================================================== */

/* Numbers typography using system monospace */
.text-numbers {
    font-family: var(--font-mono) !important;
    font-feature-settings: "tnum" 1;
    letter-spacing: 0.025em;
}

/* Override for specific branded elements that need Nasalization */
.section-heading-team,
.section-heading-team sup {
    font-family: var(--font-brand) !important;
}

/* Specific selectors for QUANTA²S branding elements */
a[href*="quantas"],
.carousel-subtitle span,
.carousel-subtitle a {
    font-family: var(--font-brand) !important;
}

/* ==========================================================================
   MAXIMUM PRIORITY OVERRIDES - Must be last
   ========================================================================== */

/* Absolute maximum priority for Nasalization font - overrides everything */
html [style*="Nasalization"] {
    font-family: 'Nasalization', sans-serif !important;
}

/* Nuclear option - for elements that absolutely must use Nasalization */
body [style*="font-family: 'Nasalization'"] {
    font-family: 'Nasalization', sans-serif !important;
}

/* Chain maximum specificity for QUANTA branding */
html body [href*="quantas"] {
    font-family: 'Nasalization', sans-serif !important;
}

html body .carousel-subtitle span[style*="Nasalization"] {
    font-family: 'Nasalization', sans-serif !important;
}

html body .carousel-subtitle a[style*="Nasalization"] {
    font-family: 'Nasalization', sans-serif !important;
}