/*
 * Badging — couche produit du design system Refactia.
 *
 * foundation/tokens.css est la copie exacte de Refactia (structure, encres,
 * lignes, états, typographie, rayons, espacements, contrôles, mouvement).
 * Ce fichier, chargé juste après, est le seul autorisé à redéfinir des
 * variables --ds-* : uniquement la couleur de marque Badging (bleu), les
 * valeurs qui en dérivent (accent, teintes, lignes actives, ombre, focus)
 * et le chrome sombre du produit. Il ajoute aussi les variables absentes
 * de tokens.css dont Badging a besoin (--ds-chrome, --ds-weight-regular).
 * Documentation : doc/design-system/README.md
 */
:root {
    /* Marque */
    --ds-brand: #1f6fff;
    --ds-brand-hover: #1555d5;
    --ds-brand-tint: rgba(31, 111, 255, 0.12);

    /* Accent : survol fort, focus, éléments actifs */
    --ds-accent: #1555d5;
    --ds-accent-deep: #0b4f8a;

    /* Chrome sombre : fond de la barre latérale (--sb-bg, app/navbar/sidebar.css)
       et des fermetures button.app-close (components/close.css). Refactia donne
       à ses fermetures la couleur sombre de sa propre barre (--ui-chrome). */
    --ds-chrome: #152640;

    /* Graisse normale, absente de tokens.css (copie de Refactia) : utilisée par employee/*.css. */
    --ds-weight-regular: 400;

    /* Lignes et surfaces teintées par la marque */
    --ds-line-hover: #b9cdef;
    --ds-line-field: #c6d6f0;
    --ds-tint-1: #eef4ff;
    --ds-tint-2: #e5eefd;
    --ds-tint-3: #d6e4fb;

    /* Ombre et focus de la marque */
    --ds-shadow-brand: 0 4px 15px rgba(31, 111, 255, 0.3);
    --ds-shadow-brand-hover: 0 6px 20px rgba(31, 111, 255, 0.4);
    --ds-focus-ring: 0 0 0 3px rgba(31, 111, 255, 0.18);
}