body {
    font-family: 'Montserrat', sans-serif;
}

/* ==========================================
   1. VARIABLES TARGA
   ========================================== */

:root {
    --targa-red:   #D31D25;
    --targa-black: #1D1D1B;
    --targa-gray:  #4A4D4E;
    --targa-cyan:  #45C4D0;
    --targa-pink:  #EE89A0;
    --targa-light: #F8F9FA;
}

body {
    background-color: #FFFFFF;
    color: var(--targa-black);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--targa-black);
}

a {
    color: var(--targa-red);
}
a:hover {
    color: #a3161c; /* équivalent darken(15%) calculé à la main */
}

/* ==========================================
   2. SURCHARGE COMPOSANTS BOOTSTRAP
   ========================================== */

.btn-primary {
    background-color: var(--targa-red);
    border-color: var(--targa-red);
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding: 0.6rem 1.4rem;
    box-shadow: 0 2px 6px rgba(211, 29, 37, 0.3);
    transition: box-shadow 0.2s ease-in-out;
}
.btn-primary:hover {
    background-color: #a3161c;
    border-color: #a3161c;
    box-shadow: 0 4px 12px rgba(211, 29, 37, 0.45);
}

.btn-outline-primary {
    color: var(--targa-red);
    border-color: var(--targa-red);
}
.btn-outline-primary:hover {
    background-color: var(--targa-red);
    border-color: var(--targa-red);
}

.badge.bg-primary {
    background-color: var(--targa-red) !important;
}

.card {
    border-radius: 0.75rem;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* ==========================================
   3. STYLES SPECIFIQUES TARGA
   ========================================== */

.bg-gradient-targa {
    background: linear-gradient(135deg, #45C4D0 0%, #9D63B5 35%, #EE89A0 70%, #EBE07D 100%) !important;
}

.text-gradient-targa {
    background: linear-gradient(135deg, #D31D25 0%, #9D63B5 50%, #45C4D0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

header.site-header {
    border-top: 4px solid;
    border-image: linear-gradient(to right, #45C4D0, #9D63B5, #EE89A0, #EBE07D, #D31D25) 1;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.entry-content p {
    line-height: 1.7;
    color: #333333;
}

/* Rayon d'arrondi global (approx. $border-radius Sass) */
.btn, .form-control, .dropdown-menu, .modal-content, .alert, .badge {
    border-radius: 0.5rem;
}

/* Secondary */
.btn-secondary { background-color: var(--targa-gray); border-color: var(--targa-gray); }
.bg-secondary { background-color: var(--targa-gray) !important; }
.text-secondary { color: var(--targa-gray) !important; }
.badge.bg-secondary { background-color: var(--targa-gray) !important; }

/* Dark */
.btn-dark { background-color: var(--targa-black); border-color: var(--targa-black); }
.bg-dark { background-color: var(--targa-black) !important; }

/* Info */
.btn-info { background-color: var(--targa-cyan); border-color: var(--targa-cyan); }
.bg-info { background-color: var(--targa-cyan) !important; }
.text-info { color: var(--targa-cyan) !important; }

/* Light */
.bg-light { background-color: var(--targa-light) !important; }

/* Bords ronds sur toutes les images de contenu, y compris galeries */
.entry-content img,
.content img,
.wp-block-image img,
.wp-block-gallery img,
.card-img-top {
    border-radius: 0.75rem;
}