@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap');

/*
 * Source de vérité unique pour les couleurs/ombres/rayons de toute
 * l'application (site public + back-office admin).
 *
 * Avant ce fichier, css/style.css et admin/admin-theme.css définissaient
 * chacun leur propre jeu de variables avec les mêmes couleurs de marque
 * mais des noms différents (--color-brand vs --cesst-primary, etc.),
 * rendant toute évolution de charte graphique à faire en double.
 *
 * Ce fichier définit les jetons canoniques (repris de css/style.css, le
 * jeu le plus complet) puis, dans la section "Alias admin" plus bas,
 * fait pointer les anciens noms --cesst-* et --admin-* utilisés par
 * admin-theme.css vers ces mêmes jetons — admin-theme.css n'a donc
 * besoin d'aucune modification immédiate.
 *
 * Chargement : tokens.css doit toujours être chargé AVANT style.css
 * (pages publiques) et AVANT admin-theme.css (pages admin).
 */

:root {
    /* Encre / texte */
    --color-ink: #102031;
    --color-ink-soft: #314559;
    --color-muted: #607182;
    --color-ink-rgb: 16, 32, 49;
    --color-ink-soft-rgb: 49, 69, 89;
    --color-muted-rgb: 96, 113, 130;

    /* Marque */
    --color-brand: #2764ae;
    --color-brand-deep: #1d4b84;
    --color-brand-bright: #4a82c7;
    --color-brand-soft: #e7eff9;
    --color-brand-rgb: 39, 100, 174;
    --color-brand-deep-rgb: 29, 75, 132;
    --color-brand-bright-rgb: 74, 130, 199;

    --color-accent: #e30613;
    --color-accent-deep: #b80510;
    --color-accent-soft: #ffe6e8;
    --color-accent-rgb: 227, 6, 19;
    --color-accent-deep-rgb: 184, 5, 16;

    /* États sémantiques */
    --color-success: #15803d;
    --color-success-soft: #dcfce7;
    --color-danger: #e30613;
    --color-danger-soft: #fde6e8;
    --color-warning: #b45309;
    --color-warning-soft: #fff4db;
    --color-success-rgb: 21, 128, 61;
    --color-warning-rgb: 180, 83, 9;

    /* Surfaces */
    --color-surface: #f5f8fb;
    --color-surface-strong: #ffffff;
    --color-surface-soft: rgba(255, 255, 255, 0.72);
    --color-border: rgba(16, 32, 49, 0.10);
    --color-border-strong: rgba(39, 100, 174, 0.24);

    /* Ombres — fines et discrètes au repos, un peu plus marquées au survol
       (plutôt que de larges halos flous). */
    --shadow-soft: 0 1px 2px rgba(16, 32, 49, 0.05), 0 1px 1px rgba(16, 32, 49, 0.03);
    --shadow-card: 0 12px 28px rgba(16, 32, 49, 0.10), 0 2px 6px rgba(16, 32, 49, 0.05);
    --shadow-glow: 0 10px 22px rgba(39, 100, 174, 0.20);

    /* Rayons — échelle resserrée (cartes ~16px plutôt que 30px) */
    --radius-sm: 10px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    --transition: 220ms ease;
}

/* ── Alias admin ───────────────────────────────────────────────────────────
 * admin-theme.css continue d'utiliser ces noms tels quels ; ils pointent
 * désormais tous vers les jetons canoniques ci-dessus. --admin-border reste
 * une valeur propre (un ton uni adapté aux cartes blanches de l'admin ;
 * --color-border est une teinte translucide pensée pour d'autres fonds et
 * ne rend pas pareil ici).
 */
:root {
    --cesst-primary: var(--color-brand);
    --cesst-primary-dark: var(--color-brand-deep);
    --cesst-primary-soft: var(--color-brand-soft);
    --cesst-secondary: var(--color-accent);
    --cesst-secondary-dark: var(--color-accent-deep);
    --cesst-secondary-soft: var(--color-accent-soft);

    --admin-bg: var(--color-surface);
    --admin-surface: var(--color-surface-strong);
    --admin-text: var(--color-ink);
    --admin-muted: var(--color-muted);
    --admin-border: #d6e2f1;
    --admin-shadow: var(--shadow-soft);
}