/**
 * OptiGest360° — Refonte de l'interface : PONT VERS LE LEGACY
 * ===========================================================
 * TRANSITOIRE — disparaît avec le legacy (quand 100 % des écrans sont refondus).
 *
 * Tant qu'un écran n'est pas refondu, son contenu garde son balisage `ds-*` et
 * s'affiche dans la nouvelle coque. Pour qu'il ne jure pas (corail chaud dans
 * une coque violette froide), cette feuille redéfinit les jetons `--ds-*` du
 * bundle et de v2-theme.css avec la nouvelle palette. Elle ne change AUCUNE
 * forme (rayons, hauteurs) : seulement les couleurs et les ombres.
 *
 * Chargée après v2-theme.css : à spécificité égale — html[data-refonte] (0,1,1)
 * contre html[data-ds-v2] (0,1,1), et (0,2,1) en sombre — la dernière gagne.
 * Rampes calculées en OKLCH autour des ancres de la palette (script de la refonte).
 */

html[data-refonte] {
    /* ── Primaire : violet ── */
    --ds-primary-50:  #F7F0FE;
    --ds-primary-100: #F1E6FD;
    --ds-primary-200: #E6D1FA;
    --ds-primary-300: #CBA0EF;
    --ds-primary-400: #B76BDC;
    --ds-primary-500: #9D2ACB;
    --ds-primary-600: #8126B6;
    --ds-primary-700: #6D1E9B;
    --ds-primary-800: #5F1B8B;
    --ds-primary-900: #49096F;
    /* Le remplissage des boutons est le 700, pas le 500 : blanc sur #9D2ACB
       tient 5,79:1, sur #6D1E9B 9,09:1 — c'est le bouton de la maquette. */
    --ds-primary:        #6D1E9B;
    --ds-primary-rgb:    109, 30, 155;
    --ds-primary-hover:  #5F1B8B;
    --ds-primary-active: #49096F;
    --ds-primary-light:  #F1E6FD;
    --ds-text-on-primary: #FFFFFF;

    /* ── Secondaire : orange léger ── */
    --ds-secondary-50:  #FEF2E9;
    --ds-secondary-100: #FEE8D8;
    --ds-secondary-200: #FED4B9;
    --ds-secondary-300: #FCBA8E;
    --ds-secondary-400: #FA9E63;
    --ds-secondary-500: #F58129;
    --ds-secondary-600: #CC6C11;
    --ds-secondary-700: #A75605;
    --ds-secondary-800: #8A4604;
    --ds-secondary-900: #6F3701;
    --ds-secondary:       #F58129;
    --ds-secondary-hover: #CC6C11;
    --ds-secondary-light: #FEF2E9;

    /* ── Neutres froids (teinte 300°) ── */
    --ds-gray-50:  #F7F5F9;
    --ds-gray-100: #F4F2F8;
    --ds-gray-200: #E7E5EE;
    --ds-gray-300: #C9C5D2;
    --ds-gray-400: #ABA6B6;
    --ds-gray-500: #878192;
    --ds-gray-600: #645E70;
    --ds-gray-700: #544E61;
    --ds-gray-800: #36313E;
    --ds-gray-900: #19161E;

    /* ── Statuts : ceux de la console (50 = fond, 200 = bordure, 700 = encre) ── */
    --ds-success-50: #E7F5EC; --ds-success-100: #D3EDDD; --ds-success-200: #BFE5CD; --ds-success-300: #78C69C; --ds-success-400: #50B784;
    --ds-success-500: #06A76C; --ds-success-600: #008F5C; --ds-success-700: #0F7A4F; --ds-success-800: #00643F; --ds-success-900: #024E30;
    --ds-warning-50: #FCF3DE; --ds-warning-100: #FAE6C8; --ds-warning-200: #F0DCB0; --ds-warning-300: #D9AE6B; --ds-warning-400: #CB9845;
    --ds-warning-500: #BC8202; --ds-warning-600: #A16F03; --ds-warning-700: #8A5F07; --ds-warning-800: #714D02; --ds-warning-900: #593B02;
    --ds-danger-50: #FBEAEA; --ds-danger-100: #F7D7D4; --ds-danger-200: #F2C4C4; --ds-danger-300: #F58C83; --ds-danger-400: #F36C64;
    --ds-danger-500: #EF4644; --ds-danger-600: #D03636; --ds-danger-700: #B32D2D; --ds-danger-800: #98171C; --ds-danger-900: #7A0610;
    --ds-info-50: #E4F4F8; --ds-info-100: #CEE9F2; --ds-info-200: #B7DFE9; --ds-info-300: #73BACE; --ds-info-400: #4CA7C0;
    --ds-info-500: #0795B2; --ds-info-600: #087E97; --ds-info-700: #0B6B80; --ds-info-800: #015668; --ds-info-900: #014150;

    /* Alias remplis avec texte blanc : le cran qui tient le contraste
       (succès 700 = 5,36:1, anomalie 600 = 4,93:1, info 600 = 4,73:1). L'avertissement
       garde le 500 : v2 pose un texte SOMBRE dessus (v2-components.css:47). */
    --ds-success: #0F7A4F; --ds-success-hover: #00643F; --ds-success-light: #E7F5EC;
    --ds-warning: #BC8202; --ds-warning-hover: #A16F03; --ds-warning-light: #FCF3DE;
    --ds-danger:  #D03636; --ds-danger-hover:  #B32D2D; --ds-danger-light:  #FBEAEA;
    --ds-info:    #087E97; --ds-info-hover:    #0B6B80; --ds-info-light:    #E4F4F8;

    /* ── Rôles ── */
    --ds-bg-primary:   #FFFFFF;
    --ds-bg-secondary: #F7F5F9;
    --ds-bg-tertiary:  #F4F2F8;
    --ds-bg-inverse:   #19161E;
    --ds-bg-overlay:   rgba(25, 22, 30, 0.40);

    --ds-text-primary:   #19161E;
    --ds-text-secondary: #544E61;
    --ds-text-tertiary:  #645E70;
    --ds-text-muted:     #645E70;
    --ds-text-disabled:  #ABA6B6;
    --ds-text-inverse:   #FFFFFF;

    --ds-border-default: #E7E5EE;
    --ds-border-strong:  #C9C5D2;
    --ds-border-subtle:  #F4F2F8;
    --ds-border-light:   #F4F2F8;
    --ds-border-color:   #E7E5EE;

    /* ── Ombres froides (mêmes géométries que v2) ── */
    --ds-shadow-xs:   0 1px 2px rgba(25, 22, 30, 0.06);
    --ds-shadow-sm:   0 1px 2px rgba(25, 22, 30, 0.08);
    --ds-shadow-base: 0 4px 16px rgba(25, 22, 30, 0.08);
    --ds-shadow-md:   0 4px 16px rgba(25, 22, 30, 0.08);
    --ds-shadow-lg:   0 18px 40px -16px rgba(25, 22, 30, 0.22);
    --ds-shadow-xl:   0 24px 64px rgba(25, 22, 30, 0.22);
    --ds-shadow-2xl:  0 24px 64px rgba(25, 22, 30, 0.26);

    --ds-focus-ring: 0 0 0 3px rgba(109, 30, 155, 0.30);

    --ds-font-sans: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --ds-font-display: 'Sora', 'Hanken Grotesk', sans-serif;
    --ds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Courier New', monospace;
    --ds-font-family: var(--ds-font-sans);

    /* ── Alias des hex de marque réécrits en var(--ogv2-x, #legacy) dans les vues ── */
    --ogv2-green:        #6D1E9B;
    --ogv2-green-mid:    #5F1B8B;
    --ogv2-green-dark:   #49096F;
    --ogv2-green-darker: #3B0859;
    --ogv2-green-black:  #19161E;
    --ogv2-gold:         #F58129;
    --ogv2-gold-dark:    #A75605;
    --ogv2-gold-light:   #FEF2E9;
    --ogv2-indigo:       #6D1E9B;
    --ogv2-indigo-dark:  #5F1B8B;
    --ogv2-indigo-light: #CBA0EF;

    --ds-meta-theme-color: #6D1E9B;
}

html[data-refonte][data-theme="dark"] {
    --ds-gray-50:  #1E1A25;
    --ds-gray-100: #282331;
    --ds-gray-200: #363042;
    --ds-gray-300: #524C5E;
    --ds-gray-400: #6F697B;
    --ds-gray-500: #898396;
    --ds-gray-600: #A49EB1;
    --ds-gray-700: #C3BFCE;
    --ds-gray-800: #DAD7E1;
    --ds-gray-900: #F1EFF5;

    /* La coque legacy peint ses chromes en var(--ds-white) : surface sombre. */
    --ds-white: #1E1A25;
    --ds-black: #F1EFF5;

    --ds-primary-50:  #2A1D35;
    --ds-primary-100: #342242;
    --ds-primary-200: #56396C;
    --ds-primary-500: #C088EB;
    --ds-primary-600: #C999F0;
    --ds-primary:        #C999F0;
    --ds-primary-rgb:    201, 153, 240;
    --ds-primary-hover:  #D6ADF7;
    --ds-primary-active: #C088EB;
    --ds-primary-light:  #342242;
    --ds-text-on-primary: #15131B;

    --ds-secondary-500: #FB9D59;
    --ds-secondary-600: #FCB17E;
    --ds-secondary:     #FB9D59;
    --ds-secondary-light: #3D2514;

    /* Statuts : fond 50, bordure 200, encre 500/600/700 (texte lisible sur fond sombre). */
    --ds-success-50: #1B2E27; --ds-success-100: #223C31; --ds-success-200: #2C5140; --ds-success-light: #1B2E27;
    --ds-success-500: #6FCE93; --ds-success-600: #6FCE93; --ds-success-700: #6FCE93;
    --ds-warning-50: #37301F; --ds-warning-100: #463C22; --ds-warning-200: #5C4C25; --ds-warning-light: #37301F;
    --ds-warning-500: #E5B85C; --ds-warning-600: #E5B85C; --ds-warning-700: #E5B85C;
    --ds-danger-50: #33242C; --ds-danger-100: #452B35; --ds-danger-200: #5A3440; --ds-danger-light: #33242C;
    --ds-danger-500: #ED8484; --ds-danger-600: #ED8484; --ds-danger-700: #ED8484;
    --ds-info-50: #1A2C33; --ds-info-100: #213A43; --ds-info-200: #2C4E59; --ds-info-light: #1A2C33;
    --ds-info-500: #67C2D6; --ds-info-600: #67C2D6; --ds-info-700: #67C2D6;
    --ds-success: #6FCE93; --ds-warning: #E5B85C; --ds-danger: #ED8484; --ds-info: #67C2D6;

    --ds-bg-primary:   #1E1A25;
    --ds-bg-secondary: #15131B;
    --ds-bg-tertiary:  #282331;
    --ds-bg-inverse:   #F1EFF5;
    --ds-bg-overlay:   rgba(0, 0, 0, 0.60);

    --ds-text-primary:   #F1EFF5;
    --ds-text-secondary: #C3BFCE;
    --ds-text-tertiary:  #A49EB1;
    --ds-text-muted:     #A49EB1;
    --ds-text-disabled:  #6F697B;
    --ds-text-inverse:   #15131B;

    --ds-border-default: #363042;
    --ds-border-strong:  #524C5E;
    --ds-border-subtle:  #282331;
    --ds-border-light:   #282331;
    --ds-border-color:   #363042;

    --ds-shadow-sm:   0 1px 2px rgba(0, 0, 0, 0.45);
    --ds-shadow-base: 0 4px 16px rgba(0, 0, 0, 0.40);
    --ds-shadow-md:   0 4px 16px rgba(0, 0, 0, 0.40);
    --ds-shadow-lg:   0 18px 40px -16px rgba(0, 0, 0, 0.55);
    --ds-shadow-xl:   0 24px 64px rgba(0, 0, 0, 0.60);

    --ds-focus-ring: 0 0 0 3px rgba(201, 153, 240, 0.45);

    --ogv2-green:        #C999F0;
    --ogv2-green-mid:    #C088EB;
    --ogv2-green-dark:   #B76BDC;
    --ogv2-gold:         #FB9D59;
    --ogv2-gold-dark:    #FCB17E;
    --ogv2-gold-light:   #3D2514;
    --ogv2-indigo:       #C999F0;

    --ds-meta-theme-color: #15131B;
}

/* Le bouton principal legacy pose `color: var(--ds-white)` (design-system.css:854),
   jeton qui devient SOMBRE en thème sombre : ici il faut l'encre sur violet. */
html[data-refonte] .ds-btn--primary,
html[data-refonte] .ds-btn-primary,
html[data-refonte] .btn-primary {
    color: var(--ds-text-on-primary);
}