/* ── FORMATION THEME ── Sérieux, pro, keynote ────────────────── */

/* ── Base ── */
.reveal[data-category="formation"] .slides {
    background: linear-gradient(135deg, #0a1628, #0f1b3d, #162044);
}

.reveal[data-category="formation"] h1 {
    color: #f0c040 !important;
    font-size: 2.2em !important;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.reveal[data-category="formation"] h2 {
    color: #e8edf5 !important;
    font-size: 1.6em !important;
    font-weight: 600;
    border-left: 4px solid #f0c040;
    padding-left: 0.6em;
}

.reveal[data-category="formation"] h3 {
    color: #60a5fa !important;
    font-size: 1.15em !important;
    font-weight: 500;
}

.reveal[data-category="formation"] p,
.reveal[data-category="formation"] li {
    color: #e8edf5 !important;
    font-size: 1em !important;
    line-height: 1.7;
}

.reveal[data-category="formation"] code {
    background: rgba(240, 192, 64, 0.08) !important;
    color: #f0c040 !important;
}

.reveal[data-category="formation"] pre code {
    background: rgba(10, 22, 40, 0.8) !important;
    border: 1px solid rgba(96, 165, 250, 0.15);
}

.reveal[data-category="formation"] blockquote {
    border-left: 4px solid #f0c040 !important;
    color: #8899bb !important;
    font-style: italic;
    background: rgba(15, 27, 61, 0.7);
    padding: 1em 1.5em;
    border-radius: 0 8px 8px 0;
}

.reveal[data-category="formation"] th {
    background: rgba(96, 165, 250, 0.1) !important;
    border-color: rgba(96, 165, 250, 0.15) !important;
}
.reveal[data-category="formation"] td {
    border-color: rgba(96, 165, 250, 0.15) !important;
    background: rgba(15, 27, 61, 0.7) !important;
}

/* ── Title slide style ── */
.reveal[data-category="formation"] section[data-state="title"] h1 {
    font-size: 3em !important;
    color: #f0c040 !important;
    text-shadow: 0 0 40px rgba(240, 192, 64, 0.15);
}

.reveal[data-category="formation"] section[data-state="title"] p {
    font-size: 1.1em !important;
    color: #60a5fa !important;
    font-weight: 300;
}

/* ── Profile card ── */
.reveal[data-category="formation"] .profile-card {
    background: rgba(15, 27, 61, 0.7) !important;
    border: 1px solid rgba(96, 165, 250, 0.15) !important;
    backdrop-filter: blur(8px);
}

.reveal[data-category="formation"] .profile-card li::before {
    content: "▸ " !important;
    color: #f0c040 !important;
}

/* ── Small cards ── */
.reveal[data-category="formation"] .small-card {
    background: rgba(15, 27, 61, 0.7) !important;
    border: 1px solid rgba(96, 165, 250, 0.15) !important;
}

.reveal[data-category="formation"] .small-card h3 {
    color: #f0c040 !important;
}

.reveal[data-category="formation"] .small-card p {
    color: #8899bb !important;
}

/* ── Center box ── */
.reveal[data-category="formation"] .center-box {
    background: rgba(15, 27, 61, 0.7) !important;
    border: 1px solid rgba(96, 165, 250, 0.15) !important;
}

/* ── Highlights ── */
.reveal[data-category="formation"] .big-number {
    color: #f0c040 !important;
    font-size: 3em !important;
    font-weight: 800;
}

.reveal[data-category="formation"] .highlight {
    color: #f0c040 !important;
    font-weight: 700;
}

/* ── Tags ── */
.reveal[data-category="formation"] .tag-blue {
    background: rgba(96, 165, 250, 0.12) !important;
    color: #60a5fa !important;
}
.reveal[data-category="formation"] .tag-green {
    background: rgba(52, 211, 153, 0.12) !important;
    color: #34d399 !important;
}
.reveal[data-category="formation"] .tag-purple {
    background: rgba(129, 140, 248, 0.12) !important;
    color: #818cf8 !important;
}

/* ── Progress / Controls ── */
.reveal[data-category="formation"] .progress {
    background: rgba(96, 165, 250, 0.15) !important;
    color: #f0c040 !important;
}

.reveal[data-category="formation"] .controls {
    color: #60a5fa !important;
}

.reveal[data-category="formation"] .slide-number {
    color: #8899bb !important;
    font-size: 0.75em !important;
}

/* ── HR ── */
.reveal[data-category="formation"] hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, #60a5fa, transparent);
    margin: 1em auto;
    width: 60%;
}