/* =====================================================================
   Anacours Design System — socle de tokens, back-office ET front candidat.
   Source : docs/design/_ds/ (bundle de handoff 2026-07-28).

   Ce fichier ne contient QUE la police et les variables. Les composants
   vivent dans anacours-bo.css (back-office) et anacours-front.css
   (parcours candidat), qui consomment tous les deux ces tokens.

   Les tokens sont scopés sous .anac-bo et .anac-front, jamais sur :root :
   côté admin ça polluerait le reste de wp-admin, côté front ça écraserait
   les variables du thème. Seul le @font-face est global (par nature).
   ===================================================================== */

@font-face {
    font-family: 'Kumbh Sans';
    src: url('../assets/fonts/KumbhSans-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.anac-bo,
.anac-front{
    /* ---- Bleu de marque ---- */
    --ana-blue:       #4251FF;
    --ana-blue-dark:  #202ED9;
    --ana-blue-tint:  #F0F2FF;
    --ana-blue-10:    rgba(66, 81, 255, .10);
    --ana-blue-08:    rgba(66, 81, 255, .08);
    --ana-blue-06:    rgba(66, 81, 255, .06);

    /* ---- Jaune accent (surlignage des titres) ---- */
    --ana-yellow:      #FFD100;
    --ana-yellow-tint: rgba(255, 209, 0, .18);
    --ana-yellow-ink:  #7A6400;

    /* ---- Texte ---- */
    --ana-ink:        #333F48;
    --ana-gray:       #5F6D7A;
    --ana-gray-soft:  #8896A3;

    /* ---- Surfaces & lignes ---- */
    --ana-white:      #FFFFFF;
    --ana-surface:    #F8F8F8;
    --ana-line:       #E5E7EB;
    --ana-track:      #E9EBF2;

    /* ---- Sémantique ---- */
    --ana-success:      #09A626;
    --ana-success-tint: rgba(9, 166, 38, .08);
    --ana-success-soft: rgba(9, 166, 38, .06);
    --ana-success-line: rgba(9, 166, 38, .25);
    --ana-danger:       #E80000;
    --ana-danger-tint:  rgba(232, 0, 0, .08);
    --ana-warning:      #FF6B0F;
    --ana-warning-tint: rgba(255, 107, 15, .08);
    --ana-warning-line: rgba(255, 107, 15, .25);

    /* ---- Dégradé signature du bouton principal ---- */
    --ana-gradient-blue: radial-gradient(86.8% 325.5% at 8% 0%, #4251FF 0%, #202ED9 100%);

    /* ---- Typographie ----
       Échelle fluide du DS : le back-office n'utilisait que h4, le parcours
       candidat a besoin de toute la gamme (H1 28→48, H2 22→40, H3 20→28). */
    --font-sans:        'Kumbh Sans', ui-sans-serif, system-ui, sans-serif;
    --weight-regular:   400;
    --weight-medium:    500;
    --weight-semibold:  600;
    --weight-bold:      700;
    --text-h1:          clamp(28px, 5vw, 48px);
    --text-h2:          clamp(22px, 4.2vw, 40px);
    --text-h3:          clamp(20px, 2.5vw, 28px);
    --text-h4:          18px;
    --text-lg:          16px;
    --text-sm:          14px;
    --text-xs:          12px;
    --tracking-h1:      -0.96px;
    --tracking-h2:      -0.80px;
    --tracking-h3:      -0.56px;
    --tracking-h4:      -0.40px;
    --leading-tight:    1;
    --leading-snug:     1.1;
    --leading-body:     1.2;
    --leading-loose:    1.5;

    /* ---- Rayons ---- */
    --radius-sm:   6px;
    --radius:      8px;
    --radius-md:   12px;
    --radius-lg:   16px;
    --radius-xl:   20px;
    --radius-full: 9999px;

    /* ---- Ombres ---- */
    --shadow-card: 0 0 20px 0 rgba(66, 81, 255, .05);
    --shadow-pop:  0 12px 30px rgba(66, 81, 255, .18);
    --shadow-btn:  0 4px 15px rgba(66, 81, 255, .20);
    --shadow-focus: 0 0 0 3px rgba(66, 81, 255, .1);

    /* ---- Transitions ---- */
    --ease: cubic-bezier(.4, 0, .2, 1);
}