:root{
  --color-primary:#1A1625;
  --color-secondary:#2E2540;
  --color-accent:#7C3AED;
  --color-bg-light:#FAF5FF;
  --color-bg-alt:#EDE9FE;
}

html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{font-family:'Work Sans',system-ui,sans-serif}

::selection{background:rgba(124,58,237,.22)}

a,button{transition:all .2s ease}

button, .btn, [class*="btn-"], a[href="#order_form"]{
  white-space:nowrap;
  min-width:fit-content;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
}

form button[type="submit"]{
  white-space:normal;
  width:100%;
}

[data-animate]{
  opacity:0;
  transform:translateX(-2rem);
  transition:opacity .6s ease-out, transform .6s ease-out;
  will-change:opacity,transform;
}

[data-animate].is-visible{
  opacity:1;
  transform:translateX(0);
}

.rotate-180{transform:rotate(180deg)}

#mobile-menu .shadow-2xl{box-shadow:0 35px 90px rgba(0,0,0,.30)}
#cookie-consent{backdrop-filter:saturate(120%) blur(6px)}