/*
 * Wiki Madeleine — Variables de personnalisation
 * -------------------------------------------------
 * Ce fichier contient les réglages visuels les plus utiles.
 * Modifiez uniquement les valeurs situées à droite des deux-points.
 * Le fichier assets/css/styles.css contient la mise en page technique.
 */

:root {
  /* ================================================================
     POLICES
     Les polices proposées sont des polices système : aucun fichier
     externe ni connexion Internet n'est nécessaire.
     ================================================================ */
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-heading: Georgia, "Times New Roman", serif;

  /* ================================================================
     COULEURS PRINCIPALES
     --base est la couleur emblématique du site.
     Les variantes servent aux fonds, bordures et éléments secondaires.
     ================================================================ */
  --base: #e6ccb3;
  --base-50: #fffaf6;
  --base-100: #f8eee5;
  --base-200: #efdcca;
  --base-300: #dcb99b;
  --base-400: #c9a98d;
  --base-500: #b68f72;

  /* Textes et accents foncés */
  --brown: #5f4637;
  --brown-2: #7a6253;
  --brown-gradient-end: #83624e;
  --ink: #2a2623;
  --muted: #6e655f;

  /* Couleurs neutres et état */
  --white: #ffffff;
  --success: #4c8f69;

  /* Bordures et ombres */
  --line: rgba(95, 70, 55, 0.12);
  --shadow: 0 24px 64px rgba(97, 70, 48, 0.12);

  /* ================================================================
     FORMES
     ================================================================ */
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-pill: 999px;

  /* ================================================================
     DIMENSIONS ET ESPACEMENTS
     ================================================================ */
  --page: 1180px;
  --container-gutter: 20px;
  --topbar-height: 74px;
  --brand-avatar-size: 42px;
  --brand-avatar-border-width: 2px;
  --section-spacing: 88px;
  --back-to-top-size: 48px;

  /* ================================================================
     TYPOGRAPHIE ET ANIMATIONS
     ================================================================ */
  --line-height-body: 1.58;
  --transition-fast: 0.2s ease;
}