/* 
 * DOCUMENTATION JP — CSS RÉORGANISÉ
 * ----------------------------------------------------------
 * Fichier : assets/css/jpds-design-system.css
 * Rôle : Fondations du design system JPDS.
 *
 * Lecture conseillée :
 * 1. fondations et structure du composant ;
 * 2. éléments internes et états ;
 * 3. adaptations responsive et compatibilité.
 *
 * IMPORTANT : l'ordre de cascade est volontairement préservé lorsqu'un déplacement
 * pourrait modifier le rendu. Les doublons retirés sont uniquement ceux dont une
 * déclaration strictement identique existe plus loin dans le même contexte CSS.
  */

/* * FICHIER CSS RÉORGANISÉ
 * Fichier : assets/css/jpds-design-system.css
 * Rôle : Système de design et composants partagés.
 *
 * Organisation :
 * 1. Styles de base du module
 * 2. États et interactions
 * 3. Adaptations responsives, dans l’ordre du fichier d’origine
 *
 * Maintenance : l’ordre des règles est conservé afin de respecter la cascade CSS.
 * Les doublons strictement identiques dans un même bloc ont été supprimés. */

/* *
 * jpds-design-system.css
 * Rôle : Système de design.
 *
 * Organisation du fichier :
 * 1. Variables et fondations éventuelles
 * 2. Structure principale du composant
 * 3. États, variantes et interactions
 * 4. Adaptations responsives
 *
 * Les doublons strictement identiques ont été supprimés. Les surcharges
 * volontaires et les fallbacks compatibles ont été conservés pour ne pas
 * modifier le rendu ou le comportement existant. */

/* JP Design System v3.0.0 — variables globales */

/* ==========================================================================
   Variables et paramètres globaux
   ========================================================================== */

:root {
        --jp-orange: #e95b22;
        --jp-orange-light: #fff3ec;
        --jp-blue: #10233f;
        --jp-blue-2: #0b6374;
        --jp-blue-light: #eef6fb;
        --jp-bordeaux: #8a1f3d;
        --jp-green: #2f8f5b;
        --jp-text: #26384f;
        --jp-muted: #52627a;
        --jp-white: #fff;
        --jp-radius-sm: 14px;
        --jp-radius: 22px;
        --jp-radius-lg: 42px;
        --jp-shadow: 0 16px 42px rgba(16,35,63,.10);
        --jp-shadow-card: 0 8px 22px rgba(16,35,63,.08);
        --jp-container: 1180px;
        --jp-container-wide: 1480px;
}

/*  CIBLE — Composant : .jpds-page,.jpds-page *  */

.jpds-page,.jpds-page * {
        box-sizing: border-box;
}

/*  CIBLE — Composant : .jpds-page  */

.jpds-page {
        font-family: "Montserrat",Arial,sans-serif;
        color: var(--jp-text);
        overflow-x: hidden;
}