/* ============================================================
   LEXVOX Avocats — Onboarding divorce et droit de la famille
   theme-divorce.css — surcouche de couleur.

   Le design reste celui d'Industry : mêmes composants, mêmes
   proportions, mêmes cadres techniques. Seule la teinte change,
   reprise de lexvox-divorce.com (#02C39A émeraude, #B89C58 or,
   #141413 encre).

   Le vert du site est éclatant : lisible en aplat de fond
   coloré, il ne l'est pas en texte sur fond clair. Les niveaux
   700 et 800 de la rampe servent donc partout où le vert porte
   du texte, afin de tenir le contraste AA demandé pour des
   clients ayant des difficultés de lecture.
   ============================================================ */

:root {
  --color-text: #141413;

  --color-accent: #02c39a;
  --color-accent-100: #e6faf5;
  --color-accent-200: #c2f2e6;
  --color-accent-300: #8ee6d1;
  --color-accent-400: #4fd8b8;
  --color-accent-500: #02c39a;
  --color-accent-600: #02a884;
  --color-accent-700: #01805f;
  --color-accent-800: #016248;
  --color-accent-900: #01452f;

  /* Or du site divorce — filets, chiffres d'étape, accents discrets. */
  --color-accent-2: #b89c58;
  --color-accent-2-100: #f7f2e6;
  --color-accent-2-200: #ece0c4;
  --color-accent-2-300: #ddc999;
  --color-accent-2-400: #cbb377;
  --color-accent-2-500: #b89c58;
  --color-accent-2-600: #9c8348;
  --color-accent-2-700: #7c6636;
  --color-accent-2-800: #5c4b26;
  --color-accent-2-900: #3d3218;

  --color-divider: color-mix(in srgb, #141413 16%, transparent);
}

/* Aplats portant du texte : on descend dans la rampe pour rester lisible. */
.mark { background: var(--color-accent-800); color: #f2f2f3; }

/* `.nav a { color: inherit }` du design system l'emporte sur `.btn-primary`
   et rendait le libellé du bouton d'en-tête noir sur fond foncé. On remonte
   la spécificité pour que le texte reste clair partout. */
.btn-primary,
.nav .btn-primary,
.site-head .btn-primary,
.cta-row .btn-primary,
.depot-cta .btn-primary,
.form-actions .btn-primary {
  background: var(--color-accent-800);
  color: #f2f2f3;
}
.btn-primary:hover, .nav .btn-primary:hover { background: var(--color-accent-700); color: #f2f2f3; }
.btn-primary:active, .nav .btn-primary:active { background: var(--color-accent-900); color: #f2f2f3; }

/* Liens nus et étiquettes : le design system les peint au 500, qui ne donne
   que 2:1 sur le fond clair. On descend au 800 — le vert exact de
   espace.lexvox-divorce.com, 6,8:1 — pour la lisibilité et la continuité
   visuelle entre l'accueil et la plateforme. */
a { color: var(--color-accent-800); }
.tag-outline { border-color: var(--color-accent-600); color: var(--color-accent-800); }

/* Sections sombres : le vert vif reprend sa place, le fond est foncé. */
.dark { background: #101a17; }
.dark .eyebrow { color: var(--color-accent-300); }
.dark .accent { color: var(--color-accent-300); }
.dark a, .dark .tag-outline { color: var(--color-accent-300); }

/* Le trait des sur-titres et les chiffres d'étape passent à l'or. */
.step-n, .rule-n, .card-kicker { color: var(--color-accent-2-700); }
.dark .rule-n { color: var(--color-accent-2-300); }