@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400&display=swap');

:root {
  /* Couleurs */
  --c-orange:      #ff914d;
  --c-navy:        #0e2d56;
  --c-blue:        #004aad;
  --c-cream:       #fdf8f4;
  --c-cream-alpha: rgba(253, 248, 244, 0.92);
  --c-white:       #ffffff;
  --c-black:       #111111;
  --c-grey:        #6b7280;
  --c-border:      rgba(14, 45, 86, 0.12);

  /* Typographie */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  clamp(1.75rem, 3vw, 2.25rem);
  --text-4xl:  clamp(2rem, 4vw, 3rem);
  --text-5xl:  clamp(2.5rem, 5vw, 4rem);
  --text-hero: clamp(2.5rem, 5.5vw, 4rem);

  /* Espacements */
  --section-py:    clamp(4rem, 7vw, 8rem);
  --section-px:    clamp(0.5rem, 5vw, 6rem);
  --container-max: 1784px;
  --gap-sm:        1rem;
  --gap-md:        2rem;
  --gap-lg:        3rem;

  /* Bordures */
  --r-xl: 30px;
  --r-lg: 20px;
  --r-md: 12px;
  --r-sm: 8px;
}