/* =========================================================================
   Socle repris du kit Elementor 4 — variables.
   Sources : meta `_elementor_page_settings` du post 4 (bloc `:root` du CSS
   personnalisé, lignes 8-18) et bloc `.elementor-kit-4` de post-4.css.
   Les unités incohérentes d'Elementor sont reproduites telles quelles :
   `line-height` en `px` sur ordinateur, en `em` sur tablette et mobile.
   C'est le rendu actuel, pas une coquille à corriger.
   ========================================================================= */

:root{
  /* Bloc `:root` du CSS personnalisé du kit, repris à l'identique.
     `--site-bg` est aussi défini par le CSS additionnel de l'outil de
     personnalisation (post 489) : ne pas le renommer, il y est consommé. */
  --site-bg:#f2f1ef;
  --color-primary:#8B0000;
  --color-black:#000;
  --color-white:#fff;
  --color-hover:#f0f0f0;

  --gap-desktop:24px;
  --gap-tablet:20px;
  --gap-mobile:16px;

  /* Couleurs globales du kit (ancien préfixe --e-global-color-) */
  --aec-color-primary:#8B0000;      /* --e-global-color-primary */
  --aec-color-secondary:#3A3A3A;    /* --e-global-color-secondary */
  --aec-color-text:#474745;         /* --e-global-color-text */
  --aec-color-accent:#FFFFFF00;     /* --e-global-color-accent */
  --aec-color-background:#F2F1EF;   /* --e-global-color-4f3aee6 */
  --aec-color-white:#FFFFFF;        /* --e-global-color-8d2adae */
  --aec-color-green-dark:#4A492C;   /* --e-global-color-e6f43e2 */
  --aec-color-border:#D6D3D3;       /* --e-global-color-8f368ca */
  --aec-color-cta-hover:#FFFFFF;    /* --e-global-color-5290e9c */

  /* Typographies système du kit (ancien préfixe --e-global-typography-) */
  --aec-typo-primary-font-family:"Helvetica";
  --aec-typo-primary-font-size:50.4px;
  --aec-typo-primary-font-weight:700;
  --aec-typo-primary-font-style:normal;
  --aec-typo-primary-line-height:1.2px;
  --aec-typo-primary-letter-spacing:0px;

  --aec-typo-secondary-font-family:"Helvetica";
  --aec-typo-secondary-font-size:36.7px;
  --aec-typo-secondary-font-weight:700;
  --aec-typo-secondary-font-style:normal;
  --aec-typo-secondary-line-height:1.3px;
  --aec-typo-secondary-letter-spacing:0px;

  --aec-typo-text-font-family:"Playfair Display";
  --aec-typo-text-font-size:18.3px;
  --aec-typo-text-font-weight:400;
  --aec-typo-text-line-height:1.6px;
  --aec-typo-text-letter-spacing:0px;

  --aec-typo-accent-font-family:"Roboto Mono";
  --aec-typo-accent-font-size:11.6px;
  --aec-typo-accent-font-weight:400;
  --aec-typo-accent-font-style:normal;
  --aec-typo-accent-line-height:1.4px;
  --aec-typo-accent-letter-spacing:0px;
  --aec-typo-accent-word-spacing:0px;
}

@media (max-width:1024px){
  :root{
    --aec-typo-primary-font-size:40px;   --aec-typo-primary-line-height:1.2em;   --aec-typo-primary-letter-spacing:0px;
    --aec-typo-secondary-font-size:30px; --aec-typo-secondary-line-height:1.3em; --aec-typo-secondary-letter-spacing:0px;
    --aec-typo-text-font-size:17px;      --aec-typo-text-line-height:1.6em;      --aec-typo-text-letter-spacing:0px;
    --aec-typo-accent-font-size:11px;    --aec-typo-accent-line-height:1.4em;    --aec-typo-accent-letter-spacing:0px;
  }
}
@media (max-width:767px){
  :root{
    --aec-typo-primary-font-size:32px;   --aec-typo-primary-line-height:0.9em;   --aec-typo-primary-letter-spacing:-1.1px;
    --aec-typo-secondary-font-size:24px; --aec-typo-secondary-line-height:1.3em; --aec-typo-secondary-letter-spacing:0px;
    --aec-typo-text-font-size:16px;      --aec-typo-text-line-height:1.6em;      --aec-typo-text-letter-spacing:0px;
    --aec-typo-accent-font-size:10px;    --aec-typo-accent-line-height:1.4em;    --aec-typo-accent-letter-spacing:0px;
  }
}