/* ============================================================
   LEO LUXURY — THEME SETTINGS
   This file keeps the ORIGINAL website colour theme in one place.
   Change these variables later if you want a new theme.
   ============================================================ */
:root {
  --black: #050308;
  --black2: #0a0610;
  --purple: #7b2cff;
  --purple2: #a96cff;
  --purple3: #c18bff;
  --text: #ffffff;
  --muted: #a9a1b0;
  --line: rgba(255,255,255,.10);
  --glass: rgba(9,6,13,.76);
}

/* Apply the site's soft-corner treatment consistently across every page. */
*:not(.orbit):not(.cart-count):not(.brand-logo):not(.status-dot):not(.avatar):not(.round):not([class*="circle"]) {
  border-radius: 24px !important;
}

img,
video,
iframe,
button,
input,
select,
textarea {
  border-radius: 24px !important;
}

.orbit,
.cart-count,
.brand-logo,
.status-dot,
.avatar,
.round,
[class*="circle"] {
  border-radius: 50% !important;
}

/* No layout or component styles are overridden here.
   The original CSS remains in control of the website appearance. */

/* Restore the original dark color for the non-gradient part of the hero title. */
.hero h1 {
  color: #2b211d;
}

/* Keep the original animated gradient effect on “fine fragrance.” */
.hero h1 .gradient {
  color: transparent;
}