/* =============================================================
   Ô Jess
   Styles de base (complète les classes Tailwind CDN)
   ============================================================= */

/* --- Typographie --- */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.font-noto-serif {
    font-family: 'Noto Serif', serif;
}

/* --- Material Symbols --- */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Variante remplie pour les icônes de features */
.icon-filled {
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* --- Logo --- */
.logo {
    mix-blend-mode: multiply; /* fond blanc du PNG devient transparent sur fond clair */
}

/* --- Hero image --- */
.hero-image {
    mix-blend-mode: multiply;
    pointer-events: none;
    user-select: none;
    /* Fondu doux sur le bord gauche pour éviter la coupure nette */
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%);
    mask-image: linear-gradient(to right, transparent 0%, black 25%);
}

/* --- Images --- */
img {
    filter: saturate(1.05) contrast(1.02) sepia(0.02);
    transition: filter 0.5s ease;
}

img:hover {
    filter: saturate(1.1) contrast(1.05) sepia(0);
}

.logo:hover {
    filter: none;
}