@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

:root {
  /* =========================================================================
     LIGHT MODE VARIABLES (Day)
     ========================================================================= */
  --base--light: #fcfcfc !important;
  --base-opp--light: #0a0a0a !important;
  --base-bright--light: #ffffff !important;
  --base-tint--light: #f5f5f5 !important;
  
  --t-bright--light: #111111 !important;
  --t-medium--light: #333333 !important;
  --t-muted--light: #555555 !important;
  --t-muted-extra--light: #777777 !important;

  --t-opp-bright--light: #ffffff !important;
  --t-opp-medium--light: #dddddd !important;
  --t-opp-muted--light: #aaaaaa !important;
  --t-opp-muted-extra--light: #888888 !important;

  --accent--light: #c5a059 !important;
  --highlight--light: #c5a059 !important;
  
  --st-bright--light: #111111 !important;
  --st-medium--light: #333333 !important;
  --st-muted--light: #555555 !important;

  /* =========================================================================
     DARK MODE VARIABLES (Night)
     ========================================================================= */
  --base--dark: #0a0a0a !important;
  --base-opp--dark: #fcfcfc !important;
  --base-bright--dark: #000000 !important;
  --base-tint--dark: #151515 !important;
  
  --t-bright--dark: #ffffff !important;
  --t-medium--dark: #dddddd !important;
  --t-muted--dark: #aaaaaa !important;
  --t-muted-extra--dark: #888888 !important;

  --t-opp-bright--dark: #111111 !important;
  --t-opp-medium--dark: #333333 !important;
  --t-opp-muted--dark: #555555 !important;
  --t-opp-muted-extra--dark: #777777 !important;

  --accent--dark: #c5a059 !important;
  --highlight--dark: #c5a059 !important;

  --st-bright--dark: #ffffff !important;
  --st-medium--dark: #dddddd !important;
  --st-muted--dark: #aaaaaa !important;
}

/* Base typography forced to Inter globally */
body, html {
  font-family: 'Inter', sans-serif !important;
}

/* Force Playfair Display on all Headings */
h1, h2, h3, h4, h5, h6, 
.mxd-logo, .mxd-hero__title, .mxd-hero__subtitle, .mxd-header__link, 
.running-text, .mxd-title, .mxd-subtitle, .mxd-h1, .mxd-h2, .btn-caption,
.mxd-menu__link, .mxd-menu__title {
  font-family: 'Playfair Display', serif !important;
}

/* Elegant Logo */
.mxd-logo__text span, .hero-logo-centered {
  font-family: 'Playfair Display', serif !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}

/* Make cursor gold for luxury feel */
.mxd-cursor__dot {
  background-color: var(--accent) !important;
}
.mxd-cursor__image {
  border-color: var(--accent) !important;
}

/* Hide elements that don't fit the perfume brand */
.mxd-hero__tag,
.mxd-section__tag {
  display: none !important;
}

/* Hide clients and testimonials */
.mxd-clients, .mxd-testimonials, .mxd-testimonials-sticky { display: none !important; }

/* Color Switcher Adjustments */
#color-switcher { 
  position: fixed !important; 
  top: 32px !important; 
  right: 160px !important; 
  z-index: 9999 !important; 
  display: flex !important; 
  align-items: center !important; 
  gap: 10px !important; 
  cursor: pointer !important; 
  background: transparent !important; 
  border: none !important; 
  color: var(--t-bright) !important; 
  font-family: 'Playfair Display', serif !important; 
  font-size: 14px !important; 
  font-weight: 500 !important; 
  letter-spacing: 0.1em !important; 
}
#color-switcher svg { 
  width: 16px; 
  height: 16px; 
  fill: var(--t-bright) !important; 
}

/* Ensure our custom minimal hero matches the theme dynamically */
.minimal-hero {
  background-color: var(--base) !important;
  color: var(--t-bright) !important;
}

/* Fix stroke color for specific text reveals if necessary */
.mxd-post__title, .mxd-section-title__title h2 {
  -webkit-text-stroke: 0px !important;
}


/* Invert logos based on theme */
:root[color-scheme="dark"] .client-logo { 
  filter: invert(1) grayscale(100%) opacity(0.5) !important; 
  mix-blend-mode: screen !important; 
}
:root[color-scheme="light"] .client-logo { 
  filter: grayscale(100%) opacity(0.5) !important; 
  mix-blend-mode: multiply !important; 
}
:root[color-scheme="dark"] .marquee-item:hover .client-logo { 
  filter: invert(1) grayscale(0%) opacity(1) !important; 
  transform: scale(1.1) !important; 
}
:root[color-scheme="light"] .marquee-item:hover .client-logo { 
  filter: grayscale(0%) opacity(1) !important; 
  transform: scale(1.1) !important; 
}


/* Fix Footer Text Overflow for LUMINANCE (9 letters instead of original 6) */
.fw-mark__content { font-size: 16.5cqw !important; }
@supports not (container-type: inline-size) {
  .fw-mark__content { font-size: 14vw !important; }
}