/*
 * Variations d'ambiance - tweaks specifiques sombre/clair qui ne tiennent pas
 * dans tokens.css. En particulier : arrangement du hero, opacity des hairlines,
 * micro-reglages typo selon le fond.
 */

/* Ambiance claire */
.ambiance-light .mam-hero--display .mam-hero__title {
    color: var(--c-ink);
    font-variation-settings: "wght" 280, "wdth" 95;
}

/* Ambiance sombre */
.ambiance-dark .mam-header--solid {
    background: var(--c-ink-soft);
}

.ambiance-dark .mam-search {
    background: var(--c-paper);
    color: var(--c-ink);
    border-color: transparent;
}

/* Accent fuchsia sur ambiance sombre : plus claire */
.ambiance-dark .mam-kicker__num,
.ambiance-dark .t-kicker__number {
    color: var(--c-fuchsia-soft);
}

.ambiance-dark .mam-ribbon--new {
    background: var(--c-fuchsia-soft);
}

/* Hairline fuchsia 2px - utilise en decoration subtile */
.mam-accent-line {
    display: block;
    height: 2px;
    width: 40px;
    background: var(--color-accent);
    margin: var(--sp-4) 0;
}

.ambiance-dark .mam-accent-line {
    background: var(--c-fuchsia-soft);
}