/* =========================================================
   THEME ACCUEIL — identité personnelle, distincte des deux
   marques : bleu nuit + ocre, courbes de niveau en fond
   (clin d'œil au « commercial de terrain »)
   ========================================================= */
:root {
  --night:  #13233F;   /* fond bleu nuit */
  --night-2:#1C3157;   /* surfaces */
  --ochre:      #E0B04B;   /* accent */
  --cream:      #F4EFE6;   /* texte */

  --font-title: "Fraunces", Georgia, serif;
  --font-body:  "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --title-weight: 600;
  --title-tracking: -0.01em;

  --bg: var(--night);
  --surface: transparent;
  --text: var(--cream);
  --text-soft: rgba(244,239,230,.82);
  --muted: rgba(244,239,230,.6);
  --title: var(--cream);
  --accent-text: var(--ochre);
  --focus: var(--ochre);

  --photo-radius: 50%;
  --photo-border: 2px solid var(--ochre);
  --photo-bg: var(--night-2);
  --photo-initials: var(--ochre);

  --btn-radius: 99px;
  --btn-weight: 600;
  --btn-bg: transparent;
  --btn-text: var(--cream);
  --btn-border: rgba(244,239,230,.35);
  --primary: var(--ochre);
  --on-primary: #1A1A1A;
}
body { background: var(--night) url("../img/topo.svg") center / cover no-repeat fixed; padding: 0 !important; }
.page--home { background: transparent; box-shadow: none !important; min-height: 100vh; min-height: 100svh; }
.page--home .hero { padding-top: 16vh; }
.page--home .photo { width: 148px; height: 148px; box-shadow: 0 0 0 8px rgba(224,176,75,.12); font-size: 46px; }
.page--home .name { font-size: 40px; line-height: 1.05; }
.page--home .eyebrow {
  margin: 0 0 14px; font-size: 12.5px; letter-spacing: .22em; text-transform: uppercase;
  color: var(--ochre); font-weight: 600;
}
.page--home .headline {
  text-align: center; font-family: var(--font-title); font-style: italic; font-weight: 400;
  font-size: 21px; line-height: 1.4; color: var(--text-soft); max-width: 22ch; margin: 0 auto;
}
.page--home .rule { width: 44px; height: 2px; background: var(--ochre); margin: 18px auto 0; border: 0; }
.page--home .actions { padding-top: 28px; }
.page--home .btn--primary { justify-content: center; }
.page--home .btn--primary .label { flex: none; }
.page--home .btn--primary svg [stroke="#fff"] { stroke: var(--ochre); }
.page--home .btn--primary svg rect { fill: #1A1A1A; }
.page--home .footer { color: var(--muted); letter-spacing: .08em; }
/* Ordre : accroche avant le bouton */
.page--home .pitch { order: 1; } .page--home .actions { order: 2; } .page--home .footer { order: 3; }

/* Cartes « Mes activités » */
:root { --card-radius: 16px; --card-bg: var(--cream); --card-border: transparent; }
.page--home .section-title { order: 3; color: var(--ochre); text-align: center; letter-spacing: .22em; margin-top: 30px; }
.page--home .links { order: 4; }
.page--home .footer { order: 5; }
.page--home .card { color: #1A1A1A; padding: 14px 16px; }
.page--home .card small { color: #5A5A5A; }
.page--home .card svg { color: #1A1A1A; }