/* ─────────────────────────────────────────────
   studio chica · brand settings
   change a color or font here and it updates
   on every page of the site.
   ───────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

:root {
  /* colors (from your canva palette) */
  --plum:  #7B4B65;
  --taupe: #a69086;
  --cream: #faf7f4;
  --ink:   #2a2a2a;
  --blush: #d8bfaf;

  /* fonts */
  --font-head: 'Unbounded', 'Helvetica Neue', sans-serif;
  --font-body: 'Montserrat', 'Helvetica Neue', sans-serif;
}

/* page basics */
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
*, *::before, *::after { box-sizing: border-box; }
img, video { max-width: 100%; }
a { color: var(--plum); }
a:hover { color: var(--ink); }
:focus-visible { outline: 2px solid var(--plum); outline-offset: 3px; }
::selection { background: var(--blush); color: var(--ink); }

/* gentle fade-up as sections scroll into view */
.js [data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.js [data-reveal].is-in { opacity: 1; transform: none; }

@keyframes sc-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes sc-float { 0%,100% { transform: translateY(0) rotate(var(--r,0deg)); } 50% { transform: translateY(-8px) rotate(var(--r,0deg)); } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js [data-reveal] { opacity: 1; transform: none; transition: none; }
  [data-motion] { animation: none !important; }
}