/* ============================================================
   O'taquet Beauty — Base / reset
   Applies the tokens to the document defaults.
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  font-weight:var(--fw-body);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  color:var(--text-body);
  background:var(--surface-page);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:var(--fw-medium);
  color:var(--text-heading);
  line-height:var(--lh-tight);
}
img{max-width:100%;display:block}
a{color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color var(--dur) var(--ease)}
a:hover{color:var(--color-primary-deep)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}