@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/inter-500.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/cormorant-500.woff2') format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/cormorant-600.woff2') format('woff2'); }

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  h1, h2, h3, h4 { font-family: 'Cormorant Garamond', Georgia, serif; }
  /* color-scheme pilote le rendu natif (popup d'options) du <select>, que
     les classes Tailwind ne peuvent pas atteindre : sans elle, le menu
     déroulant du sélecteur de langue reste en chrome clair du système même
     quand le site est en mode sombre. */
  [data-lang-switch] { color-scheme: light; }
  .dark [data-lang-switch] { color-scheme: dark; }
}