/* ============================================================
   Maizon - THEME (identite de marque). LE seul CSS par site.
   Direction : "maison premium / confort", bleu petrol + azur frais.
   Charge APRES la base (core/css) -> peut surcharger.
   Contient AUSSI les mappings d'accents propres a maizon (noms de
   rayons non presents dans la palette par defaut du core).
   ============================================================ */
:root {
  /* Marque */
  --brand: #0E5B6B;          /* bleu petrol, CTA & accents */
  --brand-dark: #083F4B;
  --brand-soft: #E3F0F2;     /* fond doux teinte marque */
  --brand-mint: #1FB6D6;     /* touche fraicheur (azur) */
  --brand-mint-rgb: 31,182,214;
  --sage: #7FA8B0;

  /* Accents par rayon (source unique des couleurs) */
  --acc-azure:      #1E9BD0;  --acc-azure-rgb:      30,155,208;   /* climatisation */
  --acc-sky:        #5C7CFA;  --acc-sky-rgb:        92,124,250;   /* ventilation */
  --acc-teal:       #11998E;  --acc-teal-rgb:       17,153,142;   /* spa, jacuzzi, sauna */
  --acc-aqua:       #2BB3C0;  --acc-aqua-rgb:       43,179,192;   /* piscines */
  --acc-sand:       #C19A4B;  --acc-sand-rgb:       193,154,75;   /* pergolas & abris */
  --acc-terracotta: #C2603C;  --acc-terracotta-rgb: 194,96,60;    /* barbecues & planchas */

  /* accent courant (override par [data-accent]) */
  --acc: var(--brand);
  --acc-rgb: 14,91,107;

  /* Neutres */
  --ink: #14242B;
  --text: #3A4A50;
  --muted: #6B7A80;
  --line: #E3EAEC;
  --bg: #FAFBFC;
  --bg-alt: #EEF3F4;
  --surface: #FFFFFF;

  /* Degrades signature */
  --grad-brand: linear-gradient(120deg, #083F4B 0%, #0E5B6B 45%, #1FB6D6 100%);
  --grad-mint: linear-gradient(120deg, #0E5B6B 0%, #1FB6D6 100%);
  --grad-text: linear-gradient(100deg, #1FB6D6 0%, #0E5B6B 60%, #083F4B 100%);

  /* Polices */
  --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', var(--font);
}

/* ---- Mappings d'accents propres a maizon (le core ne connait que
   forest/azure/violet/amber/copper/slate ; on ajoute les noms maizon). ---- */
[data-accent="azure"]      { --acc: var(--acc-azure);      --acc-rgb: var(--acc-azure-rgb); }
[data-accent="sky"]        { --acc: var(--acc-sky);        --acc-rgb: var(--acc-sky-rgb); }
[data-accent="teal"]       { --acc: var(--acc-teal);       --acc-rgb: var(--acc-teal-rgb); }
[data-accent="aqua"]       { --acc: var(--acc-aqua);       --acc-rgb: var(--acc-aqua-rgb); }
[data-accent="sand"]       { --acc: var(--acc-sand);       --acc-rgb: var(--acc-sand-rgb); }
[data-accent="terracotta"] { --acc: var(--acc-terracotta); --acc-rgb: var(--acc-terracotta-rgb); }

.nav__link[data-accent="azure"]      { --nav-dot: var(--acc-azure);      --nav-dot-rgb: var(--acc-azure-rgb); }
.nav__link[data-accent="sky"]        { --nav-dot: var(--acc-sky);        --nav-dot-rgb: var(--acc-sky-rgb); }
.nav__link[data-accent="teal"]       { --nav-dot: var(--acc-teal);       --nav-dot-rgb: var(--acc-teal-rgb); }
.nav__link[data-accent="aqua"]       { --nav-dot: var(--acc-aqua);       --nav-dot-rgb: var(--acc-aqua-rgb); }
.nav__link[data-accent="sand"]       { --nav-dot: var(--acc-sand);       --nav-dot-rgb: var(--acc-sand-rgb); }
.nav__link[data-accent="terracotta"] { --nav-dot: var(--acc-terracotta); --nav-dot-rgb: var(--acc-terracotta-rgb); }

/* ---- Logo : Maizon a une icone SVG (maison) absente d'urbanito. Sans regle,
   le SVG inline s'affiche a sa taille par defaut (300x150). On la dimensionne. ---- */
.logo__mark { width: 28px; height: 28px; flex: none; color: var(--brand); }

/* Nav : Maizon a desormais 9 entrees (6 rayons + Classements/Outils/Le mag), comme
   urbanito -> le comportement responsive partage du core suffit, plus de surcharge ici. */