@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/* Fond pâle basé sur la couleur du gin/tonic (var(--gin-primary)) */
.tinted-soft {
    background: color-mix(in srgb, var(--gin-primary, #BC70A4) 10%, #ffffff);
    border: 1px solid color-mix(in srgb, var(--gin-primary, #BC70A4) 22%, transparent);
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.02);
}

/* Fallback si color-mix non supporté */
@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
    .tinted-soft {
        background: linear-gradient(180deg, rgba(188,112,164,0.06), rgba(191,214,65,0.06));
        border-color: rgba(188,112,164,0.22);
    }
}

/* Police moderne */
.modern-font {
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/* Détail: première lettre colorée dans le texte de description */
.tinted-soft .desc-paragraph:first-letter {
    color: var(--gin-primary, #BC70A4);
    font-weight: 600;
}