:root {
  /* ==========================================================
     CAROLINE WIKI — VARIABLES FACILES À PERSONNALISER
     Modifiez uniquement ce fichier pour changer l'apparence.
     ========================================================== */

  /* Polices de caractères (sans téléchargement externe) */
  --font-body: "Aptos", "Avenir Next", "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: "Aptos Display", "Avenir Next", "Segoe UI Variable Display", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --font-weight-body: 420;
  --font-weight-heading: 780;

  /* Taille des grands titres */
  --font-size-hero-title: clamp(2.65rem, 5.4vw, 5rem);
  --font-size-section-title: clamp(1.95rem, 3.6vw, 3.35rem);
  --font-size-card-title: 1.2rem;

  /* Couleur principale et nuances */
  --violet: #8000ff;
  --violet-900: #43008c;
  --violet-800: #5d00bf;
  --violet-700: #7100e2;
  --violet-500: #a64dff;
  --violet-300: #cf9cff;
  --violet-150: #ead5ff;
  --violet-80: #f5ecff;

  /* Couleurs neutres et complémentaires */
  --ink: #18121f;
  --muted: #655e6d;
  --line: #e8e1ee;
  --paper: #ffffff;
  --soft: #fbf8ff;
  --white: #ffffff;
  --success: #18b56f;

  /* Formes et ombres */
  --radius: 28px;
  --radius-card: 26px;
  --radius-large: 36px;
  --shadow: 0 24px 70px rgba(70, 0, 140, 0.13);
  --shadow-card: 0 18px 55px rgba(70, 0, 140, 0.08);

  /* Animation et bordure des cartes */
  --card-hover-border-color: var(--violet);
  --card-hover-border-width: 1px;
  --card-hover-lift: -8px;
  --card-hover-scale: 1.015;

  /* Largeur et rythme général */
  --content-width: 1180px;
  --content-width-narrow: 1050px;
  --header-height: 74px;
  --section-spacing: clamp(5rem, 10vw, 9rem);
}