/* =========================================================
   ACTIVSTUDIO — bandeau et pied de page pour ColorStitcher
   Repris de style.css du site, mais limité à .as-header et .as-footer
   pour ne pas modifier l'apparence de l'outil.
   ========================================================= */

.as-header, .as-footer{
  --color-paper:        #F1E7D6;
  --color-paper-light:  #FAF5EA;
  --color-ink:          #2A2318;
  --color-ink-soft:     #5A5040;
  --color-indigo:       #33475B;
  --color-indigo-dark:  #223140;
  --color-rust:         #B0522A;
  --color-rust-light:   #D98354;
  --color-line:         #D8C9AE;
  --font-display: 'Fraunces', serif;
  --font-body: 'Work Sans', sans-serif;
  --ease: cubic-bezier(.22,.61,.36,1);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}
.as-header a, .as-footer a{ color: inherit; text-decoration: underline; }
.as-footer p{ line-height: 1.75; margin-bottom: 2rem; }

/* ---------- Bandeau (sans la navigation) ---------- */
.as-header.navbar-atelier{
  background: rgba(241,231,214,.88);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--color-line);
  padding-block: .7rem;
}
.as-header .navbar-brand, .as-footer .navbar-brand{
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--color-ink) !important;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  text-decoration: none;
}

/* ---------- Pied de page ---------- */
.as-footer.footer{
  background: var(--color-indigo-dark);
  color: rgba(250,245,234,.85);
  font-size: .9rem;
  padding-block: 3.2rem;
}
.as-footer .footer{ background: var(--color-indigo-dark); color: rgba(250,245,234,.85); padding-block: 3.2rem; }
.as-footer .navbar-brand{ color: var(--color-paper-light) !important; }
.as-footer .footer-tagline{
  font-size: .9rem;
  color: rgba(250,245,234,.65);
  margin-top: .8rem;
  max-width: 30ch;
}
.as-footer .footer-links{
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: .6rem;
}
.as-footer .footer-links li{ line-height: 1.75; }
.as-footer .footer-links a{
  font-size: .92rem;
  color: rgba(250,245,234,.8);
  text-decoration: none;
  transition: color .2s var(--ease);
}
.as-footer .footer-links a:hover{ color: var(--color-rust-light); }
.as-footer .footer-socials{
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.as-footer .footer-socials a{
  color: rgba(250,245,234,.8);
  transition: color .2s var(--ease), transform .2s var(--ease);
  display: inline-block;
}
.as-footer .footer-socials a:hover{ color: var(--color-rust-light); transform: translateY(-2px); }
.as-footer .footer-copy{
  font-size: .78rem;
  color: rgba(250,245,234,.5);
}
@media (prefers-reduced-motion: reduce){
  .as-footer .footer-socials a, .as-footer .footer-links a{ transition: none; }
}