/* Français avec Romain — radius & elevation. Soft roundness, never hard edges. */
:root {
  /* Radii */
  --radius-md: 8px;       /* rounded-lg : compact buttons, inline boxes, inputs */
  --radius-lg: 12px;      /* rounded-xl : CTAs, standard cards (dominant) */
  --radius-xl: 16px;      /* rounded-2xl : testimonials, video frame, featured */
  --radius-full: 9999px;  /* pills, dots, icon chips, avatars */

  /* Shadows (Tailwind scale, verbatim). Cards rest at md, lift to lg on hover. */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}