/* =========================================================
   THÈME — ÉTUDE-CONSEIL-FORMATION
   Ambiance moderne, dynamique : couleurs vives, style formation pro.
   Charger APRÈS style.css pour surcharger les variables.
   ========================================================= */
:root{
  --navy:        #2C2A4A;   /* violet-nuit profond, moderne */
  --navy-light:  #3D3A63;
  --navy-soft:   #F4F2FA;
  --rust:        #5B4FE0;   /* violet vif — accent principal, énergique */
  --rust-dark:   #4438B8;
  --brass:       #FF8A4C;   /* orange corail — accent secondaire, dynamique */
  --sand:        #FAF9FC;
  --sand-dark:   #E9E6F5;
  --ink:         #211F33;
  --ink-soft:    #5C5876;
  --white:       #FFFFFF;

  --font-display: "Poppins", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "JetBrains Mono", "Courier New", monospace;

  --radius: 18px;
  --radius-sm: 12px;
  --radius-lg: 28px;
}

.pole-etude-theme h1, .pole-etude-theme h2, .pole-etude-theme h3{
  text-transform: none;
  letter-spacing: -0.01em;
  font-weight: 700;
}
.pole-etude-theme .eyebrow{ text-transform: uppercase; letter-spacing: 0.1em; }
.pole-etude-theme .card:hover, .pole-etude-theme .pillar:hover{
  box-shadow: 0 10px 28px rgba(91,79,224,0.12);
}
.pole-etude-theme .btn-primary{ background: var(--rust); border-color: var(--rust); }
.pole-etude-theme .btn-primary:hover{ background: var(--rust-dark); border-color: var(--rust-dark); }