@font-face {
  font-family: 'Studio Brush DEMO';
  src: url("../fonts/StudioBrushDemoRegular-eJUMGqZ.otf") format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-primary: #E31E24;
  --color-text: #333;
  --color-bg: #F5F5F5;
  --color-white: #FFFFFF;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --container-max: 1200px;
  --font-primary: Inter, sans-serif;
  --font-ibm: 'IBM Plex Sans', sans-serif;
  --font-brush: 'Studio Brush DEMO', sans-serif;
  --transition: 0.3s ease;
  --shadow-md: 0 4px 8px rgba(0,0,0,0.12);
  --header-height: 80px;

  /* Breakpoints basés sur l'image fournie */
  /* Smartphone: max-width: 767px */
  /* Tablet: min-width: 768px and max-width: 1023px */
  /* Desktop: min-width: 1024px */
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
}