/* ==========================================================================
   Les violets du plugin, une seule source (UX-HARMONISATION-VIOLETS, 2/11/2026).

   Chargée sur toutes les pages, avant toutes les feuilles du plugin (dépendance de
   design-system.css, Agolf_Assets). Les valeurs sont celles du tableau de bord
   (membre-ui.css), référence décidée par Gabriel, en hexadécimal pour qu'il ne
   bouge pas d'un pixel. Les autres feuilles lisent ces variables ; aucune ne
   redéclare un violet de titre ou de bouton.

   Hors périmètre : les mails (class-mailer.php), où le bouton reste en violet uni.
   ========================================================================== */

:root {
    --agolf-ui-violet: #9B00E5;
    --agolf-ui-encre: #7A00B8;
    --agolf-ui-vif: #B13CFF;
    --agolf-ui-lav: #F3E8FF;
    /* Le fond blanc des cartes (UX-ANCIENS-PROGRAMMES, 3/11). */
    --agolf-fond-carte: #FFFFFF;

    /* Les menus du site (UX-MENUS-BETA, 4/11), hors des pages membre : les textes et les filets des composants agolf-ui-*
       (membre-ui.css ne les déclare que dans .agolf-ui-page), le lavande pâle des survols, l'orange de la déconnexion. */
    --agolf-texte: #1F2937;
    --agolf-texte-doux: #4B4759;
    --agolf-texte-pale: #8A8597;
    --agolf-filet: #EFE8F8;
    --agolf-lav-pale: #FAF5FF;
    --agolf-orange-sortie: #C2410C;

    /* L'orange du mi-parcours (UX-J14-ACCES, 2/11) : l'étape « Jour 14 » de la frise du tableau de bord et l'onglet
       « À faire maintenant » du sélecteur de bilans, la même valeur. Distinct de --agolf-ui-orange (membre-ui.css),
       l'ambre des fautes du lecteur. */
    --agolf-orange-mi-parcours: #F97316;
    /* Ses déclinaisons (maquette j14-onglet-barres, validée par Gabriel le 3/11) : les textes orange (surtitre de
       l'onglet « à faire », écarts négatifs), le fond de l'onglet « à faire », le segment de recul des barres. */
    --agolf-orange-fonce: #EA580C;
    --agolf-orange-fond: #FFF4EC;
    --agolf-orange-clair: #FDC9A3;

    /* La partie en couleur des titres : dégradé 90deg, vif vers encre, en background-clip: text. */
    --agolf-degrade-titre: linear-gradient(90deg, var(--agolf-ui-vif), var(--agolf-ui-encre));

    /* Le bouton d'action principal (plein), celui du tableau de bord : dégradé 135deg, son ombre, et ses états. */
    --agolf-bouton-fond: linear-gradient(135deg, var(--agolf-ui-vif), var(--agolf-ui-encre));
    --agolf-bouton-texte: #FFFFFF;
    --agolf-bouton-ombre: 0 14px 30px -10px rgba(155, 0, 229, .6);
    --agolf-bouton-ombre-survol: 0 20px 36px -10px rgba(155, 0, 229, .7);
    --agolf-bouton-survol: translateY(-2px);
    --agolf-bouton-focus: 2px solid var(--agolf-ui-violet);
    --agolf-bouton-desactive: .5;

    /* La taille des titres principaux de page (décision de Gabriel du 2/11), prise sur le titre du programme : la même
       sur ordinateur et sur mobile, aucune règle @media ne la réécrit. Seul le titre du tableau de bord garde la sienne. */
    --agolf-titre-page: clamp(32px, 4.4vw, 52px);
    --agolf-titre-page-interligne: 1.05;
    --agolf-titre-page-approche: -.03em;
}

/* Les titres : la première moitié des mots en noir, la seconde en dégradé (règle de Gabriel du 2/11). Le <em> des
   titres écrits dans le code, et .agolf-titre-degrade posé par Agolf_Titres sur les titres qui viennent du contenu
   (articles, pages WordPress). La seule règle du dégradé de titre du plugin. */
:is(.agolf-ui-titre, .agolf-dash3-h2, .agolf-prog2-h2, .agolf-biblio-heading, .agolf-auth__titre, .agolf-chat-title,
    .asw-hero h1, .cv-hero h1, .agolf-offres-entete h1, .agolf-paiement-entete h1) em,
.agolf-titre-degrade {
    font-style: normal;
    color: transparent;
    background: var(--agolf-degrade-titre);
    -webkit-background-clip: text;
    background-clip: text;
}