/*
 * Charte graphique de l'ANTENNE AIX-EN-PROVENCE — variante « Terracotta · fond blanc ».
 *
 * Surcharge les tokens de marque de la vitrine (--vb-*, definis dans vitrine-base.css)
 * pour l'antenne aix : accent terracotta chaud (toits provencaux) sur fond BLANC pur,
 * neutres tiedis, halos terracotta discrets. Le NORD conserve l'indigo/violet : cette
 * feuille n'est ENQUEUE que lorsque l'antenne courante est « aix » (host sous-domaine
 * aixenprovence.* ou preview admin ?vgeo=aix) — cf. Vauban_Vitrine_Assets.
 *
 * Fichier de TOKENS (equivalent aix de vitrine-base.css) : les valeurs hex y sont la
 * source de verite de la palette aix (comme le :root de vitrine-base.css), d'ou leur
 * presence en dur ici. Ne pas ajouter de couleur en dur AILLEURS : consommer ces tokens.
 *
 * Chargee APRES vitrine-base.css (dependance) -> le :root aix l'emporte sur le :root nord.
 */

:root {
  /* Couleurs de marque — terracotta enrichi (brique cuite -> ambre brulee). */
  --vb-primary: #b8481f;
  --vb-primary-strong: #9f3c17;
  --vb-primary-stronger: #842f12;
  --vb-primary-soft: #d06a42;
  --vb-accent-soft: #f8e7e1;

  /* Composantes RVB de --vb-primary (voiles rgba des etats survol/focus). */
  --vb-primary-rgb: 184, 72, 31;

  /* Degrade de marque — applique a tous les boutons principaux. */
  --vb-primary-gradient: linear-gradient(135deg, #b8481f 0%, #d1742e 100%);
  --vb-primary-gradient-hover: linear-gradient(135deg, #9f3c17 0%, #bd6226 100%);

  /* Neutres — fond BLANC pur, texte brun chaud, titres brun profond. */
  --vb-bg: #ffffff;
  --vb-text: #463a34;
  --vb-text-soft: #6b5d54;
  --vb-heading: #26201c;
  --vb-eyebrow: #a8431f;

  /* Bordures / cartes — filet chaud discret ; les cartes restent blanches et se
     detachent par l'ombre (voir --vb-card-shadow herite). */
  --vb-card-border: #ece4df;
  --vb-hero-card-border: #ece4df;
  --vb-hero-card-shadow: 0 20px 48px rgba(60, 40, 30, 0.10);

  /* Aplats / filets — tres legerement tiedis (bandes de sections). */
  --vb-surface-muted: #faf8f7;
  --vb-surface-tint: #f8efeb;
  --vb-line: rgba(70, 45, 30, 0.09);
  --vb-line-soft: rgba(70, 45, 30, 0.05);

  /* Halos / splashs — seule chaleur du fond, derriere les heros et blocs medias. */
  --vb-glow: radial-gradient(60% 60% at 80% 0%, rgba(184, 72, 31, 0.14) 0%, rgba(184, 72, 31, 0) 70%);
  --vb-splash-1: radial-gradient(ellipse at 50% 50%, rgba(184, 72, 31, 0.14) 0%, rgba(209, 116, 46, 0.05) 55%, transparent 80%);
  --vb-splash-2: radial-gradient(ellipse at 50% 50%, rgba(208, 106, 66, 0.12) 0%, rgba(209, 116, 46, 0.04) 55%, transparent 80%);
  --vb-splash-3: radial-gradient(ellipse at 50% 50%, rgba(132, 47, 18, 0.13) 0%, rgba(184, 72, 31, 0.05) 55%, transparent 80%);
}

/* ---------- Pied de page (thème Astra, hors socle .vauban-vitrine) ----------
 * Le pied de page est rendu par le builder de footer d'Astra, dont les couleurs
 * globales (--ast-global-color-*) sont PARTAGEES par les deux antennes (indigo
 * du Nord). Cette feuille n'etant enqueue que sur l'antenne Aix, on y re-habille
 * le footer aux tokens terracotta/blanc sans jamais impacter le Nord.
 *
 * On CONSOMME les tokens --vb-* definis plus haut (aucune couleur en dur ici).
 * Les selecteurs reprennent l'attribut [data-section=...] d'Astra pour egaler sa
 * specificite ; la feuille etant chargee apres, elle l'emporte a specificite egale.
 */

/* Bandeau principal (liens de navigation + mentions legales) : aplat terracotta
   tres clair, filet chaud en haut — equivalent Aix du #F2F0FE indigo du Nord. */
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
  background-color: var(--vb-surface-tint);
  border-top: 1px solid var(--vb-card-border);
}

/* Bandeau du bas (copyright) : fond blanc, filet de separation chaud. */
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
  background-color: var(--vb-bg);
  border-top-color: var(--vb-card-border);
}

/* Texte du copyright : brun chaud attenue plutot que le gris indigo du Nord. */
.site-below-footer-wrap .ast-footer-copyright.site-footer-focus-item {
  color: var(--vb-text-soft);
}

/* Liens du footer : brun chaud au repos, terracotta au survol/focus. */
.site-primary-footer-wrap a,
.site-below-footer-wrap a {
  color: var(--vb-text);
}

.site-primary-footer-wrap a:hover,
.site-primary-footer-wrap a:focus,
.site-below-footer-wrap a:hover,
.site-below-footer-wrap a:focus {
  color: var(--vb-primary);
}
