/* =============================================================================
   Marque : INDESO
   -----------------------------------------------------------------------------
   Identite relevee sur https://indeso.fr le 29/07/2026.

   Hierarchie retenue :
     - le CYAN porte l'action (c'est la couleur de tous les boutons du site)
     - le BLEU porte la navigation et les liens (couleur du logo corporate)
   Cette separation evite qu'un element de navigation soit confondu avec un
   bouton d'action, ce qui arrive quand une seule couleur porte les deux roles.

   Un fichier de marque ne redefinit QUE des variables --my-brand-*.
   Il ne contient jamais de regle de mise en page ni de style de composant.
   ============================================================================= */

[data-my-brand="indeso"] {

    /* Action - cyan */
    --my-brand-primary: #00b3c6;
    --my-brand-primary-dark: #009eae;
    --my-brand-primary-light: #33c2d1;
    --my-brand-primary-subtle: #e6f8fa;
    --my-brand-primary-contrast: #ffffff;

    /* Navigation et liens - bleu */
    --my-brand-secondary: #006bb3;
    --my-brand-secondary-dark: #005e9d;
    --my-brand-secondary-light: #3389c2;
    --my-brand-secondary-subtle: #e6f1f8;
    --my-brand-secondary-contrast: #ffffff;

    /* Composantes RVB des deux couleurs de marque.
       Necessaires pour composer des rgba() en CSS pur : les etats de survol
       de MudBlazor sont des teintes translucides de la couleur d'action, et
       il n'existe pas de fonction CSS permettant d'extraire les composantes
       d'un token hexadecimal. Doit rester coherent avec les valeurs ci-dessus. */
    --my-brand-primary-rgb: 0, 179, 198;
    --my-brand-secondary-rgb: 0, 107, 179;

    /* Accent neutre - aplats et fonds de section */
    --my-brand-tertiary: #f1f2f4;
    --my-brand-tertiary-contrast: #3a3b43;
    --my-brand-tertiary-rgb: 241, 242, 244;

    /* Degrade signature, releve sur le site (utilise dans les deux sens) */
    --my-brand-gradient: linear-gradient(99deg, #00b3c6 0%, #006bb3 100%);
    --my-brand-gradient-reverse: linear-gradient(237deg, #006bb3 0%, #00b3c6 100%);

    /* Navigation applicative */
    --my-brand-nav-bg: #006bb3;
    --my-brand-nav-text: #ffffff;
    --my-brand-nav-active-bg: rgba(255, 255, 255, 0.16);

    /* Typographie de marque.
       Lato ne fournit que 300 / 400 / 700 / 900 : la graisse intermediaire vaut
       donc 700, faute de 600 disponible. */
    --my-brand-font-sans: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --my-brand-font-weight-medium: 700;
    --my-brand-font-weight-heavy: 900;
}