/* ==========================================================================
   THEME MAURIN
   Variables globales projet / client
   ========================================================================== */

:root {
    /* ----------------------------------------------------------------------
       1. Palette marque Maurin
       ---------------------------------------------------------------------- */

    --maurin-primary: #2a6d47;
    --maurin-secondary: #3c9a65;
    --maurin-accent: #c5393a;
    --maurin-text: #212221;
    --maurin-bg-soft: #f6f6f6;
    --maurin-white: #ffffff;
    --maurin-light-gray: #f3f3f3;
    --maurin-black: #000000;

    /* ----------------------------------------------------------------------
       2. Typographies
       Les fonts sont déclarées dans /theme/assets/css/style.css
       ---------------------------------------------------------------------- */

  /*--maurin-font-primary: 'Roboto', Arial, sans-serif;
    --maurin-font-secondary: 'Roboto', Arial, sans-serif;*/

    --maurin-font-primary: 'Geist', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --maurin-font-secondary: 'Geist', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

    --theme-font-primary: var(--maurin-font-primary);
    --theme-font-secondary: var(--maurin-font-secondary);
    --theme-title-font: var(--maurin-font-primary);
    --theme-text-font: var(--maurin-font-primary);
    --theme-button-font: var(--maurin-font-primary);

    /* ----------------------------------------------------------------------
    Radius / arrondis
    ---------------------------------------------------------------------- */
 
   --maurin-section-radius: 18px;
   --maurin-image-radius: 18px;
   --maurin-button-radius: 999px;
   
   /* Variables sémantiques radius */
   --theme-section-radius: var(--maurin-section-radius);
   --theme-section-container-radius: var(--maurin-section-radius);
   --theme-card-radius: var(--maurin-section-radius);
   --theme-image-radius: var(--maurin-image-radius);
   --theme-button-radius: var(--maurin-button-radius);
      
 /* ----------------------------------------------------------------------
    Boutons
    ---------------------------------------------------------------------- */
 
   --maurin-button-height: 48px;
   --maurin-button-padding-x: 22px;
   --maurin-button-font-size: 15px;
   --maurin-button-font-weight: 900;
   
   --theme-button-height: var(--maurin-button-height);
   --theme-button-padding-x: var(--maurin-button-padding-x);
   --theme-button-font-size: var(--maurin-button-font-size);
   --theme-button-font-weight: var(--maurin-button-font-weight);

    /* ----------------------------------------------------------------------
       3. Variables sémantiques globales
       Ces variables sont celles que les composants/widgets doivent utiliser.
       ---------------------------------------------------------------------- */

    /* Sections */
    --theme-section-title-color: var(--maurin-primary);
    --theme-section-subtitle-color: var(--maurin-text);
    --theme-section-text-color: var(--maurin-text);
    --theme-section-background: var(--maurin-white);
    --theme-section-container-radius: var(--maurin-section-radius);

    /* Blocs de contenu */
    --theme-block-title-color: var(--maurin-secondary);
    --theme-block-subtitle-color: var(--maurin-text);
    --theme-block-text-color: var(--maurin-text);

    /* Boutons */
    --theme-button-bg: var(--maurin-primary);
    --theme-button-bg-hover: var(--maurin-secondary);
    --theme-button-text-color: var(--maurin-white);

    /* Bordures / contours / accents */
    --theme-border-accent-color: var(--maurin-accent);

    /* Médias / cards */
    --theme-card-radius: 18px;
    --theme-card-border-color: var(--maurin-accent);
    --theme-card-background: var(--maurin-light-gray);

    /* Fonds */
    --theme-bg-default: var(--maurin-bg-soft);
    --theme-bg-light: var(--maurin-bg-soft);
    --theme-bg-white: var(--maurin-white);

    /* Texte global */
    --theme-text-color: var(--maurin-text);
    --theme-link-color: var(--maurin-primary);
    --theme-link-hover-color: var(--maurin-secondary);
}



/* ==========================================================================
   Classes utilitaires optionnelles
   ========================================================================== */

.theme-text-primary { color: var(--maurin-primary); }
.theme-text-secondary { color: var(--maurin-secondary); }
.theme-text-accent { color: var(--maurin-accent); }
.theme-bg-soft { background-color: var(--maurin-bg-soft); }
.theme-bg-primary { background-color: var(--maurin-primary); }
.theme-border-accent { border-color: var(--maurin-accent); }