/* assets/styles/branding.css */

:root {
    /* === VARIABLES GLOBALES DE MARQUES === */

    /* MyM */
    --brand-mym: #3b7fff;
    --brand-mym-rgb: 59, 127, 255; /* Utile pour les opacités rgba() */
    --brand-mym-glow: rgba(59, 127, 255, 0.4);

    /* OnlyFans */
    --brand-of: #00aff0;
    --brand-of-rgb: 0, 175, 240;
    --brand-of-glow: rgba(0, 175, 240, 0.4);

    /* Fansly (pour le futur) */
    --brand-fansly: #f9a31b;
    --brand-fansly-rgb: 249, 163, 27;
}

/* === UTILITAIRES TEXTE === */
.text-mym { color: var(--brand-mym) !important; }
.text-of  { color: var(--brand-of) !important; }
.text-fansly { color: var(--brand-fansly) !important; }

/* === UTILITAIRES FOND (BADGES) === */
/* Ex: Badge "Soft" */
.bg-soft-mym {
    background-color: rgba(var(--brand-mym-rgb), 0.1) !important;
    color: var(--brand-mym) !important;
}
.bg-soft-of {
    background-color: rgba(var(--brand-of-rgb), 0.1) !important;
    color: var(--brand-of) !important;
}

/* === UTILITAIRES BORDURES === */
.border-mym { border-color: var(--brand-mym) !important; }
.border-of  { border-color: var(--brand-of) !important; }

/* === UTILITAIRES SVG (FILL) === */
/* Pour remplir tes logos SVG automatiquement */
.mym-fill { fill: var(--brand-mym); }
.of-fill  { fill: var(--brand-of); }
.fansly-fill { fill: var(--brand-fansly); }

/* === EFFETS GLOBAUX === */
/* Pour les cartes actives ou hover */
.glow-mym:hover, .glow-mym.active {
    border-color: var(--brand-mym);
    box-shadow: 0 0 25px var(--brand-mym-glow);
}
.glow-of:hover, .glow-of.active {
    border-color: var(--brand-of);
    box-shadow: 0 0 25px var(--brand-of-glow);
}