/* Arvo - Pour les contenus */
@font-face {
    font-family: 'Arvo';
    src: url('/assets/fonts/Arvo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arvo';
    src: url('/assets/fonts/Arvo-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arvo';
    src: url('/assets/fonts/Arvo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arvo';
    src: url('/assets/fonts/Arvo-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Montserrat - Pour les titres */
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Configuration des polices */
:root {
    --font-heading: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Arvo', Georgia, 'Times New Roman', serif;
}

/* Application des polices */
/* Titres avec Montserrat Black Italic */
h1, h2, h3, h4, h5, h6,
.footer-column h3,
.section-title,
.content-section-title,
.project-section-title,
.project-title,
.brief-title,
.related-project-title,
.hero-secondary-title,
.hero-tertiary-title,
.hero-quaternary-title,
.hero-quinary-title,
.hero-senary-title {
    font-family: var(--font-heading) !important;
    font-weight: 900 !important;
    font-style: italic !important;
}

/* Hero tagline avec Montserrat Regular (pas d'italique) */
.hero-tagline {
    font-family: var(--font-heading) !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* Tous les hero-*-tagline avec Montserrat Regular */
.hero-secondary-tagline,
.hero-tertiary-tagline,
.hero-quaternary-tagline,
.hero-quinary-tagline,
.hero-senary-tagline {
    font-family: var(--font-heading) !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* Hero tagline principal de la homepage avec Montserrat Black Italic */
.hero-tagline-main {
    font-family: var(--font-heading) !important;
    font-weight: 900 !important;
    font-style: italic !important;
}

/* Éléments avec Montserrat normal */
.button,
.btn {
    font-family: var(--font-heading);
}

/* Menu avec Arvo en majuscule */
.nav-links {
    font-family: var(--font-body);
    font-style: normal;
    text-transform: uppercase;
}

/* Corps de texte avec Arvo */
body,
p,
.content,
.description,
.testimonial,
.footer-column p,
.project-description,
.hero-description,
li {
    font-family: var(--font-body);
}

/* Exceptions spécifiques qui restent avec Montserrat */
.logo-container,
.mobile-toggle,
.breadcrumb,
.scroll-down-arrow {
    font-family: var(--font-heading);
}

/* Règles spécifiques pour tous les titres en majuscules */
.content-section-title,
.project-section-title,
.project-title,
.brief-title,
.related-project-title,
.hero-secondary-title,
.hero-tertiary-title,
.hero-quaternary-title,
.hero-quinary-title,
.hero-senary-title {
    text-transform: uppercase;
}