/* ==================================================
   BASE.CSS
   Fondations globales du site : variables, reset léger,
   typographie générale et éléments HTML de base.
================================================== */

:root {
  /* Fonds */
  --fond-principal: #05060a;
  --fond-section: #10111a;
  --fond-secondaire: #10111a;
  --fond-carte: #111118;
  --bulle-fond: rgba(5, 6, 10, 0.95);

  /* Texte */
  --texte-principal: #f5f5f5;
  --texte-secondaire: #c8bfb4;

  /* Accents du site */
  --accent-principal: #aa6120;
  --accent-secondaire: #da8030;
  --accent-indicatif: #e6b07a;

  /* Actions commerciales */
  --bouton-achat: #b91c1c;
  --bouton-achat-hover: #dc2626;

  /* Bordures */
  --bordure-accent: rgba(240, 122, 42, 0.12);
  --bordure-claire: rgba(240, 122, 42, 0.12);
  --bordure-carte: rgba(255, 255, 255, 0.06);
  --ligne-separation: #333033;

  /* Ombres */
  --ombre-accent: rgba(200, 90, 30, 0.45);
  --ombre-carte: rgba(0, 0, 0, 0.55);

  /* Effets lumineux */
  --halo-principal: rgba(200, 90, 30, 0.4);
  --halo-secondaire: rgba(255, 255, 255, 0.04);

  /* Dimensions */
  --largeur-lecture: 760px;
  --largeur-conteneur: 1100px;
  --largeur-page-etroite: 900px;

  /* Typographie */
  --police-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --police-lecture: Georgia, "Times New Roman", serif;

  /* Compatibilité avec d'anciens noms encore présents dans certaines pages */
  --ombre-violette: var(--ombre-accent);
  --accent: var(--bouton-achat);
  --accent-hover: var(--bouton-achat-hover);
  --text: var(--texte-principal);
  --muted: var(--texte-secondaire);
  --text-principal: var(--texte-principal);
  --text-secondaire: var(--texte-secondaire);
  --line-separateur: var(--ligne-separation);
}