/* assets/css/atelier.css */
:root{
  --atelier-accent: #e56353;   /* clair */
  --atelier-accent-2: #ce594b; /* sombre */
  --atelier-dark: #323232;     /* noir sombre */
  --atelier-text: #d4d8db;     /* gris texte */
}

/* Fond global cohérent (léger dégradé sombre) */
body{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(229,99,83,.10), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, rgba(255,255,255,.06), transparent 55%),
    #0b1220; /* base sombre propre */
}

.atelier-bar{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)) , var(--atelier-dark);
}

.atelier-accent-line{
  background: linear-gradient(180deg, var(--atelier-accent), var(--atelier-accent-2));
}

.atelier-shadow{
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}

/* Menu dropdown : micro animation */
.atelier-menu{
  transform-origin: top right;
  transform: translateY(-6px) scale(.98);
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease, transform .12s ease;
}
.atelier-menu[data-open="1"]{
  transform: translateY(0) scale(1);
  opacity: 1;
  pointer-events: auto;
}