/**
 * JSP Pro — Design Tokens (Light)
 *
 * Toutes les propriétés CSS custom --jsp-* pour le thème clair.
 * Chargé sur toutes les pages JSP via AssetManager.
 */

[data-jsp-check-shell] {
    --jsp-shell-bg: radial-gradient(circle at 12% 18%, rgba(16, 185, 129, 0.1), transparent 18%), radial-gradient(circle at 92% 85%, rgba(30, 160, 100, 0.08), transparent 22%), linear-gradient(170deg, #fdfaf3 0%, #f6fced 18%, #f7faf4 42%, #eef6e8 100%);
    --jsp-hero-bg: linear-gradient(135deg, rgba(6, 78, 59, 0.96), rgba(15, 23, 42, 0.9) 42%, rgba(120, 53, 15, 0.78) 100%);
    --jsp-panel-bg: rgba(255, 255, 255, 0.9);
    --jsp-panel-border: rgba(148, 163, 184, 0.35);
    --jsp-soft-bg: #f8fafc;
    --jsp-text-primary: #0f172a;
    --jsp-text-muted: #475569;
    --jsp-hero-card-bg: linear-gradient(135deg, rgba(255, 254, 248, 0.98), rgba(255, 250, 240, 0.96));
    --jsp-hero-card-border: rgba(203, 213, 225, 0.7);
    --jsp-hero-badge-bg: rgba(6, 78, 59, 0.14);
    --jsp-hero-badge-border: rgba(6, 95, 70, 0.18);
    --jsp-hero-badge-text: #065f46;
    --jsp-hero-title: #0f172a;
    --jsp-hero-body: #475569;
    --jsp-hero-primary-bg: #facc15;
    --jsp-hero-primary-text: #1f2937;
    --jsp-hero-primary-shadow: rgba(120, 53, 15, 0.24);
    --jsp-hero-secondary-bg: rgba(255, 255, 255, 0.92);
    --jsp-hero-secondary-border: rgba(148, 163, 184, 0.4);
    --jsp-hero-secondary-text: #0f172a;
    --jsp-hero-stat-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
    --jsp-hero-stat-border: rgba(203, 213, 225, 0.8);
    --jsp-hero-stat-title: #475569;
    --jsp-hero-stat-copy: #334155;
    --jsp-section-title: #0f172a;
    --jsp-section-copy: #475569;
    --jsp-section-soft-bg: rgba(255, 255, 255, 0.92);
    --jsp-section-soft-border: rgba(203, 213, 225, 0.78);
    --jsp-section-soft-strong: #0f172a;
    --jsp-section-soft-copy: #475569;
    --jsp-section-contrast-bg: #0f172a;
    --jsp-section-contrast-title: #cbd5e1;
    --jsp-section-contrast-copy: #e2e8f0;
    --jsp-section-chip-bg: #ecfdf5;
    --jsp-section-chip-text: #065f46;
    --jsp-section-button-bg: #0f172a;
    --jsp-section-button-text: #ffffff;
    --jsp-section-button-secondary-bg: rgba(255, 255, 255, 0.92);
    --jsp-section-button-secondary-border: rgba(203, 213, 225, 0.78);
    --jsp-section-button-secondary-text: #334155;
    --jsp-loading-bg: rgba(255, 255, 255, 0.92);
    --jsp-loading-border: rgba(203, 213, 225, 0.78);
    --jsp-loading-text: #0f172a;
    --jsp-loading-spinner-track: rgba(148, 163, 184, 0.35);
    --jsp-loading-spinner-accent: #065f46;
    --jsp-status-danger-bg: rgba(254, 242, 242, 0.9);
    --jsp-status-danger-border: rgba(254, 202, 202, 0.9);
    --jsp-status-danger-text: #991b1b;
    --jsp-status-warning-bg: rgba(255, 251, 235, 0.9);
    --jsp-status-warning-border: rgba(253, 230, 138, 0.9);
    --jsp-status-warning-text: #92400e;
    --jsp-status-success-bg: rgba(240, 253, 244, 0.9);
    --jsp-status-success-border: rgba(187, 247, 208, 0.9);
    --jsp-status-success-text: #166534;
    --jsp-status-info-bg: rgba(239, 246, 255, 0.9);
    --jsp-status-info-border: rgba(191, 219, 254, 0.9);
    --jsp-status-info-text: #1e3a8a;
}