:root {
    --formation-color-purple: #74176f;
    --formation-color-purple-dark: #3f123f;
    --formation-color-yellow: #ffb72c;
    --formation-color-blue: #006fc9;
    --formation-color-green: #149844;
    --formation-color-red: #df1f26;
    --formation-color-pink: #ef0b78;
    --formation-color-text: #2f1d35;
    --formation-color-muted: #6c5f6f;
    --formation-color-soft: #faf7fb;
    --formation-color-border: #eadfec;

    --fc-purple: var(--formation-color-purple);
    --fc-purple-dark: var(--formation-color-purple-dark);
    --fc-yellow: var(--formation-color-yellow);
    --fc-blue: var(--formation-color-blue);
    --fc-green: var(--formation-color-green);
    --fc-red: var(--formation-color-red);
    --fc-pink: var(--formation-color-pink);
    --fc-text: var(--formation-color-text);
    --fc-muted: var(--formation-color-muted);
    --fc-soft: var(--formation-color-soft);
    --fc-border: var(--formation-color-border);

    --start-purple: var(--formation-color-purple);
    --start-purple-dark: var(--formation-color-purple-dark);
    --start-yellow: var(--formation-color-yellow);
    --start-blue: var(--formation-color-blue);
    --start-green: var(--formation-color-green);
    --start-pink: var(--formation-color-pink);
    --start-text: var(--formation-color-text);
    --start-muted: var(--formation-color-muted);
    --start-soft: var(--formation-color-soft);
    --start-border: var(--formation-color-border);
}

.formations-compact,
.fc-quiz-page {
    color: var(--fc-text);
    background: #fff;
}

.start-page {
    color: var(--start-text);
    background: #fff;
}

.fc-hero,
.fc-quiz-hero,
.start-hero {
    text-align: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 8px solid var(--formation-color-yellow);
}

.fc-hero,
.start-hero {
    background-image:
        linear-gradient(rgba(255,255,255,.88), rgba(255,255,255,.94)),
        url('/wp-content/uploads/formation-hero.jpg');
}

.fc-quiz-hero {
    background-image:
        linear-gradient(rgba(255,255,255,.88), rgba(255,255,255,.95)),
        url('/wp-content/uploads/formation-hero.jpg');
}

.fc-container,
.start-container {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.fc-kicker,
.start-kicker {
    margin: 0 0 8px;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.fc-kicker {
    color: var(--fc-purple);
}

.start-kicker {
    color: var(--start-purple);
}

.fc-hero h1,
.fc-quiz-hero h1,
.start-hero h1,
.fc-quiz-sidebar h2,
.fc-quiz-step h2,
.fc-quiz-results h2,
.fc-result-card h3,
.fc-section-head h2,
/* .fc-faq-card h3, */
.start-intro-card h2,
.start-section-head h2,
.start-step-content h2,
.start-format h2,
.start-parcours h2,
.start-final h2,
.start-option-card h3,
.start-option-highlight strong,
.start-table strong,
.start-info-box h3,
.start-parcours-includes h3,
.start-mini-path strong {
    color: var(--formation-color-purple-dark);
}

.fc-hero p,
.fc-quiz-hero p,
.fc-quiz-sidebar span,
.fc-quiz-progress p,
.fc-quiz-results__intro,
.fc-result-card p,
.fc-section-head p,
.fc-filter-feedback,
/* .fc-faq-card p, */
.start-hero p,
.start-intro-card p,
.start-lead,
.start-section-head p,
.start-option-card p,
.start-option-highlight span,
.start-format p,
.start-final p,
.start-mini-path small {
    color: var(--formation-color-muted);
}

.fc-section-head p {
    font-size: 1.08rem;
    font-weight: 600;
    line-height: 1.72;
}

.fc-quiz-section,
.fc-entry,
.fc-offers,
.start-intro,
.start-options,
.start-format--course,
.start-final,
.start-checklist li,
.start-option-highlight,
.start-info-box {
    background: var(--formation-color-soft);
}

.fc-quiz-sidebar,
.fc-quiz-card,
.fc-result-card,
.start-intro-card,
.start-option-card,
.start-table-wrap,
.start-checklist li,
.start-option-highlight,
.start-info-box,
.start-mini-path a {
    border: 1px solid var(--formation-color-border);
}

.fc-quiz-sidebar,
.fc-quiz-card,
.start-intro-card,
.start-option-card,
.start-table,
.start-parcours-includes,
.start-mini-path a {
    background: #fff;
}

.fc-quiz-sidebar ul,
.start-option-card ul,
.start-info-box ul,
.start-parcours-includes ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.start-hero-actions,
.start-final-actions,
.fc-quiz-results__actions,
.fc-help-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.fc-button,
.start-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    cursor: pointer;
    transition: .2s ease;
}

.fc-button {
    padding: 12px 20px;
    background: var(--fc-purple);
    border: 2px solid var(--fc-purple);
}

.start-button {
    padding: 12px 22px;
    background: var(--start-purple);
    border: 2px solid var(--start-purple);
}

.fc-button:hover {
    background: var(--fc-purple-dark);
    border-color: var(--fc-purple-dark);
    color: #fff;
}

.start-button:hover {
    background: var(--start-purple-dark);
    border-color: var(--start-purple-dark);
    color: #fff;
}

.fc-button--outline {
    background: #fff;
    color: var(--fc-purple);
}

.start-button--outline {
    background: #fff;
    color: var(--start-purple);
}