:root {
    --rouge: #f04444;
    --noir: #000;
    --gris-clair: #f3f4f6;
    --texte: #1f2937;
  }
  
  /* Reset léger */
  * { box-sizing: border-box; }
  
  body {
    background: var(--gris-clair);
    color: var(--texte);
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  }
  
  /* Animation image */
  img {
    transition: transform .3s ease, filter .3s ease;
  }
  img:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
  }
  
  /* Titres */
  h2 { border-bottom: 4px solid var(--rouge); padding-bottom: .25rem; margin-bottom: 1rem; font-weight: 700; }
  
  /* Header fallback */
  header { background: var(--noir); }
  header a { font-weight: 500; }
  header a:hover { color: var(--rouge); }

  .hero {
    position: relative;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black; 
  }
  
  .hero-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;        
    object-position: center;  
    filter: blur(8px) brightness(.75);
    transition: filter .8s ease;
  }
  
  

  
  /* Card fallback styling */
  .card { background: white; border: 1px solid #e5e7eb; border-radius: .75rem; box-shadow: 0 8px 20px -4px rgba(0,0,0,0.1); padding: 1rem; }
  
  /* Responsive tweak if needed */
  @media (max-width: 768px) { h2 { font-size: 1.75rem; } }

  #mobile-menu.open {
    max-height: 500px;
  }