/* /var/www/web.nikkidepot.com/public/assets/css/fonts.css

   =========================================================
   NIKKI — FONT SYSTEM
   ========================================================= */

/* -------------------------
   LOGO — CLEMENTE
-------------------------- */
@font-face {
    font-family: 'Clemente';
    src: url('/assets/fonts/Clemente.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* -------------------------
   INTERFACE — INTER
-------------------------- */
@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/inter-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Instrument Serif';
    src: url('/assets/fonts/instrument-serif-latin-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* -------------------------
   GLOBAL TYPOGRAPHY
-------------------------- */
body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* -------------------------
   UTILITAIRES
-------------------------- */
.font-logo {
    font-family: 'Clemente', sans-serif !important;
}

.font-heading {
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.01em;
}

.font-editorial {
    font-family: 'Instrument Serif', Georgia, 'Times New Roman', serif;
    font-weight: 400;
    font-synthesis: none;
}

.text-muted {
    color: #6b7280;
}

.text-balance {
    text-wrap: balance;
}