/* ============================================================
   utilities.css — Classes utilitaires (couleurs, fontes, liens)
   ============================================================ */

/* ── Couleurs de texte ── */
.text-pourpre        { color: var(--pourpre-700) !important; }
.text-pourpre-accent { color: var(--pourpre-600) !important; }
.text-encre          { color: var(--encre-800) !important; }
.text-encre-muted    { color: var(--encre-600) !important; }
.text-encre-subtle   { color: var(--encre-400) !important; }
.text-papier         { color: var(--papier-50) !important; }
.text-papier-muted   { color: var(--papier-100) !important; }
.text-cuivre         { color: var(--cuivre-500) !important; }

/* ── Fonds ── */
.bg-papier  { background-color: var(--papier-50) !important; }
.bg-pourpre { background-color: var(--pourpre-700) !important; }

/* ── Fontes ── */
.font-display    { font-family: var(--font-display) !important; }
.font-editorial  { font-family: var(--font-editorial) !important; }
.font-sans       { font-family: var(--font-sans) !important; }

/* ── Icônes colorées ── */
.icon-section { color: var(--pourpre-600); }
.icon-cuivre  { color: var(--cuivre-500); }
.icon-pulse   { display: inline-block; } /* Classe conservée, animation supprimée */

/* ── Liens spéciaux ── */
.link-manage {
    font-family: var(--font-sans);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--pourpre-700);
    text-decoration: none;
    transition: color 0.2s;
}

.link-manage:hover {
    color: var(--pourpre-600);
}

.link-danger-btn {
    font-family: var(--font-sans);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--pourpre-700);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
}

.link-danger-btn:hover {
    color: var(--pourpre-600);
}

/* ── Pixel de tracking (masqué visuellement) ── */
.matomo-pixel {
    border: 0;
}

/* ── Lien de navigation auth (override byline) ── */
.link-auth {
    color: var(--pourpre-700);
    text-transform: none;
    letter-spacing: normal;
    font-weight: 700;
    text-decoration: none;
}

.link-auth:hover {
    color: var(--pourpre-600);
}

/* ── Texte éditorial déscriptif ── */
.text-editorial {
    font-family: var(--font-editorial);
    color: var(--encre-700);
    line-height: 1.6;
}

/* ── Transitions globales pour éléments interactifs ── */
a,
button,
.btn,
.nav-link,
.dropdown-item {
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}