/* ============================================================
   XIPHERIUM REAL ESTATE — LIGHT THEME OVERRIDES
   Activated via <html data-theme="light">. Keep this file LAST.
   Dark luxury stays the default; light = warm ivory luxury.
   ============================================================ */

/* ---- Design tokens for light ---- */
:root[data-theme="light"] {
  --bg-primary: #F4F0E9;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #FFFFFF;
  --text-white: #191713;
  --text-soft-gray: #5F594A;
  --text-dim: #8C8575;
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(25, 23, 19, 0.14);
  --glass-border-subtle: rgba(25, 23, 19, 0.10);
  --glass-border-gold: rgba(158, 122, 62, 0.5);
}

:root[data-theme="light"] html,
:root[data-theme="light"] body {
  background-color: #F4F0E9;
  color: #191713;
}

:root[data-theme="light"] ::selection {
  color: #050505;
}

/* ---- Surface backgrounds (Tailwind arbitrary dark utilities) ---- */
:root[data-theme="light"] .bg-\[\#050505\],
:root[data-theme="light"] .bg-\[\#0e0e0e\],
:root[data-theme="light"] .bg-\[\#0a0a0a\],
:root[data-theme="light"] .bg-\[\#111111\],
:root[data-theme="light"] .bg-\[\#141414\],
:root[data-theme="light"] .bg-\[\#080808\],
:root[data-theme="light"] .bg-\[\#0c0c0c\],
:root[data-theme="light"] .bg-\[\#0d0d0d\],
:root[data-theme="light"] .bg-\[\#090909\],
:root[data-theme="light"] .bg-black {
  background-color: #FFFFFF;
}

/* ---- Text colours on light surfaces ---- */
:root[data-theme="light"] .text-white { color: #191713; }
:root[data-theme="light"] .text-white\/70 { color: rgba(25, 23, 19, 0.7); }
:root[data-theme="light"] .text-white\/5 { color: rgba(25, 23, 19, 0.06); }
:root[data-theme="light"] .text-gray-200 { color: #3A362C; }
:root[data-theme="light"] .text-gray-300 { color: #55503F; }
:root[data-theme="light"] .text-gray-400 { color: #7B7460; }
:root[data-theme="light"] .text-gray-500 { color: #8F8872; }
:root[data-theme="light"] .text-gray-600 { color: #A39B84; }

/* ---- Borders ---- */
:root[data-theme="light"] .border-white\/5   { border-color: rgba(25, 23, 19, 0.06); }
:root[data-theme="light"] .border-white\/10  { border-color: rgba(25, 23, 19, 0.10); }
:root[data-theme="light"] .border-white\/15  { border-color: rgba(25, 23, 19, 0.12); }
:root[data-theme="light"] .border-white\/20  { border-color: rgba(25, 23, 19, 0.16); }
:root[data-theme="light"] .border-white\/60  { border-color: rgba(25, 23, 19, 0.35); }

/* ---- Image-overlay contexts that must STAY light-on-dark ---- */
:root[data-theme="light"] section#home .text-white,
:root[data-theme="light"] section#home .text-gray-300,
:root[data-theme="light"] section#home .text-gray-400,
:root[data-theme="light"] #video-cta .text-white,
:root[data-theme="light"] #video-cta .text-gray-400,
:root[data-theme="light"] .showcase-panel .text-white,
:root[data-theme="light"] .showcase-panel .text-gray-400,
:root[data-theme="light"] .property-card .absolute .text-white {
  color: #FFFFFF !important;
}

/* ---- Navbar: transparent state sits over the dark hero, keep it white ---- */
:root[data-theme="light"] header:not(.glass-nav) .text-white { color: #FFFFFF; }
:root[data-theme="light"] header:not(.glass-nav) .text-gray-200,
:root[data-theme="light"] header:not(.glass-nav) .text-gray-300 { color: #E9E4DA; }
:root[data-theme="light"] header.glass-nav {
  background: rgba(255, 255, 255, 0.82);
}
:root[data-theme="light"] header.glass-nav .text-white { color: #191713; }
:root[data-theme="light"] header.glass-nav .text-gray-300 { color: #55503F; }
:root[data-theme="light"] header.glass-nav .bg-white\/5 { background: rgba(25, 23, 19, 0.06); }

/* ---- Custom components from styles.css ---- */
:root[data-theme="light"] .glass-nav {
  background: rgba(255, 255, 255, 0.82);
}
:root[data-theme="light"] .glass-panel-subtle {
  background: rgba(255, 255, 255, 0.72);
}
:root[data-theme="light"] .filter-btn {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(25, 23, 19, 0.12);
}
:root[data-theme="light"] .filter-btn.active {
  background: var(--gold-primary);
  border-color: var(--gold-champagne);
  color: #050505;
}
:root[data-theme="light"] .showcase-indicator-bar .showcase-dot-btn {
  border-color: rgba(25, 23, 19, 0.35);
}

/* ---- Footer links hover / accents stay gold; watermark re-tinted ---- */
:root[data-theme="light"] .section-watermark {
  color: rgba(25, 23, 19, 0.03);
}
:root[data-theme="light"] .btn-gold,
:root[data-theme="light"] .btn-gold:hover {
  color: #050505;
}

/* ---- Custom cursor follower tinted for light ---- */
:root[data-theme="light"] .custom-cursor-follower {
  border-color: rgba(212, 169, 95, 0.7);
}

/* ---- Theme toggle button swap ---- */
:root[data-theme="light"] #icon-moon, 
:root[data-theme="light"] #icon-moon-m { display: none; }
:root[data-theme="light"] #icon-sun, 
:root[data-theme="light"] #icon-sun-m { display: block; }

/* ============================================================
   Light theme fixes (post-QA pass)
   ============================================================ */

/* Services cards */
:root[data-theme="light"] .glass-card-service {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(25, 23, 19, 0.10);
  box-shadow: 0 12px 30px rgba(65, 55, 30, 0.08);
}
:root[data-theme="light"] .glass-card-service:hover {
  box-shadow: 0 18px 40px rgba(65, 55, 30, 0.12), 0 0 25px rgba(212, 169, 95, 0.2);
}

/* Contact form inputs */
:root[data-theme="light"] .luxury-input {
  background: #FFFFFF;
  border-color: rgba(25, 23, 19, 0.18);
  color: #191713;
}
:root[data-theme="light"] .luxury-input:focus {
  background: #FFFFFF;
  border-color: var(--gold-primary);
}

/* Navbar shadow softened for light */
:root[data-theme="light"] .glass-nav {
  box-shadow: 0 10px 30px rgba(25, 23, 19, 0.08);
}

/* About Vision pullquote + pillars (dark boxes on white) */
:root[data-theme="light"] section#about .bg-black\/40 {
  background-color: #EDE8DE;
}
:root[data-theme="light"] section#about .text-gray-200 { color: #3A362C; }

/* Keep showcase-panel overlay grays white */
:root[data-theme="light"] .showcase-panel .text-gray-300 { color: #E9E4DA !important; }

/* Mobile full-screen menu is a DARK overlay in both themes — keep its text light */
:root[data-theme="light"] #mobile-menu-overlay .text-white,
:root[data-theme="light"] #mobile-menu-overlay .text-gray-200,
:root[data-theme="light"] #mobile-menu-overlay .text-gray-300,
:root[data-theme="light"] #mobile-menu-overlay .text-gray-400 { color: #FFFFFF !important; }