/*
 * Tokens de design des pages utilisateur (préfixe --sh-).
 * Déclarés sur :root pour être partagés par l'en-tête (sh-) et les formulaires (sf-).
 * Aucune règle legacy ne consomme ces propriétés.
 */

:root {
    --sh-navy-800: #1F3A5E;
    --sh-blue-600: #0D62A1;
    --sh-red-600: #DE1B29;
    --sh-gray-600: #4A5B70;
    --sh-gray-300: #C9D1DB;
    --sh-gray-100: #EEF3F8;
    --sh-white: #FFFFFF;

    --sh-color-surface: var(--sh-white);
    --sh-color-surface-active: var(--sh-gray-100);
    --sh-color-text: var(--sh-navy-800);
    --sh-color-text-muted: var(--sh-gray-600);
    --sh-color-brand: var(--sh-blue-600);
    --sh-color-accent: var(--sh-red-600);
    --sh-color-border: var(--sh-gray-300);
    --sh-color-focus: var(--sh-blue-600);
    --sh-color-on-photo: var(--sh-white);

    --sh-font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

    --sh-space-1: 4px;
    --sh-space-2: 8px;
    --sh-space-3: 12px;
    --sh-space-4: 16px;
    --sh-space-6: 24px;

    --sh-radius-md: 6px;
    --sh-shadow-md: 0 4px 12px rgba(31, 58, 94, 0.18);

    --sh-red-700: #B3141F;
    --sh-red-50: #FDECEE;
    --sh-green-700: #1E7B34;
    --sh-green-50: #E9F6EC;
    --sh-gray-500: #6B7A8D;

    --sh-color-danger: var(--sh-red-700);
    --sh-color-danger-surface: var(--sh-red-50);
    --sh-color-success: var(--sh-green-700);
    --sh-color-success-surface: var(--sh-green-50);
    --sh-color-info-surface: var(--sh-gray-100);
    --sh-color-border-strong: var(--sh-gray-500);

    /* Types de jours du calendrier */
    --sh-amber-500: #F5A623;
    --sh-amber-200: #FFD27A;
    --sh-amber-50: #FFF3C4;

    --sh-color-day-bank: var(--sh-amber-500);
    --sh-color-day-weekend: var(--sh-amber-200);
    --sh-color-day-school: var(--sh-amber-50);

    /* Codes couleur de la page d'une action */
    --sh-blue-50: #E7F0F8;
    --sh-orange-700: #A85400;
    --sh-orange-50: #FDF1E3;
    --sh-green-800: #155C27;

    --sh-color-instructor: var(--sh-blue-600);
    --sh-color-instructor-surface: var(--sh-blue-50);
    --sh-color-trainee: var(--sh-orange-700);
    --sh-color-trainee-surface: var(--sh-orange-50);
    --sh-color-absent: var(--sh-gray-500);
    --sh-color-absent-surface: var(--sh-gray-100);
    --sh-color-join: var(--sh-green-700);
    --sh-color-join-hover: var(--sh-green-800);
}