:root {
   /******************* Fonts *******************/
   /* Titres h1–h6 : Montserrat (Google Fonts CDN) — font-heading Lovable */
   --title-font: "Montserrat", system-ui, sans-serif;
   /* Corps de texte : Montserrat (Google Fonts CDN) — font-body Lovable
       Bascule temporaire depuis GT Walsheim (police d'essai befonts.com,
       licence "Free for Personal Use", jeu de caracteres incomplet :
       il manquait l'apostrophe courbe, les guillemets francais et l'euro).
       Fallbacks : Inter → system-ui → sans-serif */
   --main-font: "Montserrat", "Inter", system-ui, sans-serif;
   /* Décoratif italic : Playfair Display — .font-serif-italic Lovable
       Utilisé uniquement dans le contenu article (sections numérotées, citations) */
   --serif-italic-font: "Playfair Display", Georgia, serif;

   /*************** Fonts weight ***************/
   --light: 200;
   --regular: 300;
   --regular-main: 500;
   --medium: 500;
   --semibold: 600;
   --bold: 700;
   --extrabold: 900;

   /***************** Colors *******************/
   --dark: #000;
   --white: #fff;
   --grey: #f5f5f5;

   /*************** Serapid Brand Colors ***************/
   --color-navy: #264564;
   --color-navy-deep: #0F1A25;
   --color-gold: #CBBB9D;
   --color-dark-gold: #A8936B;
   --color-light-gold: #EBE0CA;
   --color-light-grey: hsl(210, 25%, 94%);
   /* Alias sémantiques */
   --color-primary: var(--color-navy);
   --color-primary-deep: var(--color-navy-deep);
   --color-accent: var(--color-gold);
   --color-accent-dark: var(--color-dark-gold);
   --color-accent-light: var(--color-light-gold);
   --color-bg-section-alt: var(--color-light-grey);
   --color-text-grey: #8C91A0;
   /* RGB de --color-navy, pour usages rgba() (ombres, superpositions) */
   --color-navy-rgb: 38, 69, 100;
   /* Fonds très légers — article single (carte auteur / section "Continue reading") */
   --color-cream-bg: #F7F5EF;
   --color-offwhite-bg: #F8F9FB;

   /****************** Others ******************/
   --border-radius: 16px;
   --border-radius-full: 999px;
   --border-radius-card: 24px;
   --border-radius-xs: 4px;
   --border-radius-sm: 8px;
   --transition: all 0.3s ease;

   /****************** Containers ******************/
   /* Devices < 576px */
   --container-sm: 540px;
   /* Devices < 768px */
   --container-md: 720px;
   /* Devices  < 992px */
   --container-lg: 960px;
   /* Devices < 1200px */
   --container-xl: 1140px;
   /* Devices < 1400px */
   --container-xxl: 1320px;

   /* Gutter des containers */
   --gutter-x: 1.5rem;
   --gutter-y: 0;
}