/* Jetons de l'identité visuelle de SuiviPeda (lot 7 de l'audit UX, 23/10/2026).
   Issus de identite.css ; chargé avant base.css par identiteLiens(). */

/* Identité visuelle (direction « institutionnelle »). Active quand <html> porte data-identite. */

/* ---- Jetons ---- */
html[data-identite] {
    --id-ink: #0e2b4d;
    --id-soft: #4a5f7d;
    --id-bg: #f5f7fa;
    --id-surface: #ffffff;
    --id-surface-2: #eef2f7;
    --id-border: #d8dee8;
    --id-primary: #1f5fbf;
    --id-primary-rgb: 31, 95, 191;
    --id-accent: #17808a;
    --id-sysop: #b42318;          /* supervision (SYSOP) : en-têtes et menu, jamais pour le texte courant */
    --id-sysop-rgb: 180, 35, 24;
    --id-sysop-lt: #fdecea;
    --id-radius: 8px;
    --id-radius-sm: 6px;
    --id-shadow: none;
    --id-font: 'Atkinson Hyperlegible', system-ui, sans-serif;
    --id-hand: var(--id-font);
    --id-hand-size: 1.5rem;
    --id-nav-bg: #0e2b4d;
    --id-nav-ink: #ffffff;
    --id-nav-soft: #c9d6e8;
    --id-nav-hover: rgba(255, 255, 255, 0.12);
}

/* ---- Mode nuit ---- */
html[data-identite][data-bs-theme="dark"] {
    --id-ink: #e6ecf5;
    --id-soft: #a9b7cc;
    --id-bg: #0f1b2b;
    --id-surface: #16263a;
    --id-surface-2: #1c3048;
    --id-border: #2a3c55;
    --id-shadow: none;
    --id-nav-bg: #0b1522;
    --id-nav-ink: #e6ecf5;
    --id-nav-soft: #a9b7cc;
    --id-nav-hover: rgba(255, 255, 255, 0.1);
    --id-primary: #6fa3f5;
    --id-primary-rgb: 111, 163, 245;
    --id-sysop: #e5736a;
    --id-sysop-rgb: 229, 115, 106;
    --id-sysop-lt: rgba(229, 115, 106, 0.16);
}

/* ---- Variables existantes de l'application, alignées sur l'identité ---- */
html[data-identite] {
    --dashboard-primary: var(--id-primary);
    --dashboard-primary-dark: var(--id-primary);
    --dashboard-primary-rgb: var(--id-primary-rgb);
    --dashboard-gradient: var(--id-primary);
    --dashboard-page-bg: var(--id-bg);
    --prof-primary: var(--id-primary);
    --prof-gradient: var(--id-primary);
    --admin-primary: var(--id-primary);
    --admin-gradient: var(--id-primary);
    --tblr-primary: var(--id-primary);
    --tblr-primary-rgb: var(--id-primary-rgb);
    --tblr-link-color: var(--id-primary);
    --tblr-link-color-rgb: var(--id-primary-rgb);
    --tblr-font-sans-serif: var(--id-font);
    --tblr-body-font-family: var(--id-font);
    --tblr-body-color: var(--id-ink);
    --tblr-border-color: var(--id-border);
    --tblr-border-radius: var(--id-radius-sm);
    --tblr-border-radius-lg: var(--id-radius);
}


/* ---- Mode nuit : les composants Tabler suivent les jetons (une seule palette sombre, lot 7) ---- */
html[data-identite][data-bs-theme="dark"] {
    --tblr-body-bg: var(--id-bg);
    --tblr-body-color: var(--id-ink);
    --tblr-bg-surface: var(--id-surface);
    --tblr-bg-surface-dark: var(--id-bg);
    --tblr-bg-surface-secondary: var(--id-surface-2);
    --tblr-bg-surface-tertiary: var(--id-surface-2);
    --tblr-bg-forms: var(--id-surface);
    --tblr-secondary-bg: var(--id-surface);
    --tblr-tertiary-bg: var(--id-bg);
    --tblr-active-bg: var(--id-surface-2);
    --tblr-border-color: var(--id-border);
    --tblr-secondary-color: var(--id-soft);
    --tblr-surface: var(--id-surface);
}