/*
 * Thème JOUSSOUR — jetons de design (design tokens).
 * Palette sobre et claire par défaut. Pour changer le thème, il suffit de
 * modifier les valeurs ci-dessous (aucune autre modification de code requise) :
 * elles surchargent les variables CSS natives de Bootstrap 5.
 */
:root {
    /* Couleurs de marque */
    --bs-primary: #3b4a6b;
    --bs-primary-rgb: 59, 74, 107;
    --bs-secondary: #6c7a89;
    --bs-secondary-rgb: 108, 122, 137;
    --bs-success: #3f7d5c;
    --bs-warning: #c98a2c;
    --bs-danger: #b3462c;
    --bs-info: #3b7a94;

    /* Fond et texte : neutre et clair */
    --bs-body-bg: #fafafa;
    --bs-body-color: #23272b;
    --bs-tertiary-bg: #f1f2f4;
    --bs-secondary-bg: #eceef0;
    --bs-border-color: #dfe2e6;

    /* Typographie sobre : polices système, pas de webfont à charger */
    --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --bs-body-font-size: 1rem;
    --bs-body-line-height: 1.55;

    /* Formes : coins légèrement arrondis, look léger */
    --bs-border-radius: 0.5rem;
    --bs-border-radius-sm: 0.375rem;
    --bs-border-radius-lg: 0.75rem;

    /* Jetons propres à l'application */
    --joussour-header-bg: #ffffff;
    --joussour-header-border: var(--bs-border-color);
    --joussour-surface-bg: #ffffff;
    --joussour-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
}