/*
 * Contrat visuel du portail pilote.
 *
 * Les thèmes clair et sombre doivent uniquement redéfinir ces variables.
 * Les composants de public.css ne doivent pas déclarer leurs propres couleurs
 * par défaut ni réintroduire de valeurs autoréférencées.
 */
.tpp-portal {
    /* Structure générale */
    --tpp-page-bg: #ffffff;
    --tpp-dark: #101827;
    --tpp-section-text: #101827;
    --tpp-muted: #687083;
    --tpp-muted-strong: color-mix(in srgb, var(--tpp-muted) 68%, var(--tpp-dark));
    --tpp-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tpp-font-body-family: var(--tpp-font-family);
    --tpp-font-body-weight: 400;
    --tpp-font-body-style: normal;
    --tpp-font-heading-family: var(--tpp-font-family);
    --tpp-font-heading-weight: 800;
    --tpp-font-heading-style: normal;
    --tpp-font-description-family: var(--tpp-font-family);
    --tpp-font-description-weight: 400;
    --tpp-font-description-style: normal;
    --tpp-font-label-family: var(--tpp-font-family);
    --tpp-font-label-weight: 800;
    --tpp-font-label-style: normal;
    --tpp-font-button-family: var(--tpp-font-family);
    --tpp-font-button-weight: 700;
    --tpp-font-button-style: normal;
    --tpp-surface: #ffffff;
    --tpp-section-bg: #ffffff;
    --tpp-soft: #f4f6fa;
    --tpp-border-color: #d9dde6;
    --tpp-border: var(--tpp-border-color);
    --tpp-shadow-color: #101827;

    /* Identité et hero */
    --tpp-red: #c81927;
    --tpp-hero-start: #101827;
    --tpp-hero-end: #182235;
    --tpp-hero-text: #ffffff;
    --tpp-kicker: #c9d6ff;

    /* Niveaux et compétences */
    --tpp-level-completed: #1f8a4c;
    --tpp-level-active: #c81927;
    --tpp-level-locked: #7b8494;
    --tpp-level-badge-bg: #263247;
    --tpp-level-badge-border: #5b667a;
    --tpp-level-badge-text: #ffffff;
    --tpp-skill-acquis: #c81927;
    --tpp-skill-valide: #1f8a4c;
    --tpp-skill-progress: #f59e0b;
    --tpp-skill-decouverte: #8b5cf6;
    --tpp-skill-a-consolider: #f97316;
    --tpp-skill-non-vu: #c9ced8;

    /* Hub et validations */
    --tpp-hub-ring-track: #e8edf4;
    --tpp-hub-success: #027a48;
    --tpp-hub-success-border: #12b76a;
    --tpp-hub-success-soft: #d1fadf;
    --tpp-hub-success-badge: #ecfdf3;
    --tpp-hub-success-badge-border: #abefc6;

    /* Cartes d’action et partenaires */
    --tpp-hub-action-start: #111827;
    --tpp-hub-action-end: #1f2937;
    --tpp-hub-action-title: #ffffff;
    --tpp-hub-action-kicker: #fda4af;
    --tpp-hub-action-text: #d1d5db;
    --tpp-hub-partner-bg: #ffffff;
}