/* =============================================================================
   Marque : GROUPE NOEL
   -----------------------------------------------------------------------------
   Identite relevee sur le logo officiel "Groupe Noel Entreprises" fourni par le
   client (metallurgie / decoupe laser) le 24/08/2026.

   Hierarchie retenue :
     - le ROUGE brique du logo (mot "NOEL", carre embleme) porte l'action
     - l'ANTHRACITE du logo (mots "GROUPE" / "ENTREPRISES") porte la navigation
   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="groupenoel"] {

    /* Action - rouge brique du logo */
    --my-brand-primary: #a6191f;
    --my-brand-primary-dark: #7f1318;
    --my-brand-primary-light: #c04046;
    --my-brand-primary-subtle: #f8e9ea;
    --my-brand-primary-contrast: #ffffff;

    /* Navigation et liens - anthracite du logo */
    --my-brand-secondary: #4b4b4d;
    --my-brand-secondary-dark: #3a3a3c;
    --my-brand-secondary-light: #6f6f72;
    --my-brand-secondary-subtle: #f0f0f1;
    --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: 166, 25, 31;
    --my-brand-secondary-rgb: 75, 75, 77;

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

    /* Degrade signature, repris du carre embleme du logo (rouge vif vers
       rouge profond), utilise dans les deux sens */
    --my-brand-gradient: linear-gradient(99deg, #c22a30 0%, #6e1114 100%);
    --my-brand-gradient-reverse: linear-gradient(237deg, #6e1114 0%, #c22a30 100%);

    /* Navigation applicative - barre laterale anthracite, texte blanc */
    --my-brand-nav-bg: #3a3a3c;
    --my-brand-nav-text: #ffffff;
    --my-brand-nav-active-bg: rgba(255, 255, 255, 0.16);

    /* Typographie de marque.
       Inter, deja chargee par l'index.html du socle : le logo utilise une
       geometrique arrondie proche, et aucune police corporate n'a ete fournie
       avec la charte. */
    --my-brand-font-sans: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --my-brand-font-weight-medium: 600;
    --my-brand-font-weight-heavy: 800;
}