/* ============================================================
   CrystalMeanings.com — Light Theme Override
   Cosmic Luxury Light: warm ivory + deep navy text + gold accents
   Elegant magazine feel under golden sunlight
   ============================================================ */

[data-theme="light"] {
  /* --- Background Layer — Warm Ivory --- */
  --color-void: #F6F4ED;
  --color-cosmos: #ECEEE4;
  --color-nebula: #E1E5D8;
  --color-astral: #CDD3C4;

  /* --- Text Layer — Deep Navy --- */
  --color-moonlight: #222B26;
  --color-starlight: #57604F;
  --color-dust: #6D7767;

  /* --- Crystal Glow Accents (deeper for WCAG contrast on light bg) --- */
  --color-amethyst-glow: #52643C;
  --color-rose-glow: #C96E8E;
  --color-citrine-glow: #B88510;
  --color-aqua-glow: #3570A5;
  --color-emerald-glow: #05855A;
  --color-moonstone-glow: #7B5CC8;

  /* --- Semantic Tokens --- */
  --glass-bg: rgba(234, 226, 210, 0.65);
  --glass-border: rgba(184, 148, 31, 0.18);
  --header-bg: rgba(250, 247, 240, 0.88);
  --header-dropdown-bg: rgba(250, 247, 240, 0.97);
  --search-overlay-bg: rgba(250, 247, 240, 0.97);
  --selection-bg: rgba(184, 148, 31, 0.18);
  --gradient-cosmos-inner: #ECEEE4;
  --gradient-cosmos-outer: #F6F4ED;
}

/* ============================================================
   Light Theme — Refined Overrides
   ============================================================ */

/* Crystal facet: subtler gradient on light backgrounds */
[data-theme="light"] .crystal-facet {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--color-amethyst-glow) 6%, transparent) 0%,
    transparent 50%,
    color-mix(in srgb, var(--color-aqua-glow) 6%, transparent) 100%
  );
}

/* Prisma divider: softer on light bg */
[data-theme="light"] .prisma-divider {
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--color-amethyst-glow) 22%, transparent),
    color-mix(in srgb, var(--color-aqua-glow) 22%, transparent),
    color-mix(in srgb, var(--color-rose-glow) 22%, transparent),
    transparent
  );
}

/* Glass card: lighter, more opaque for readability */
[data-theme="light"] .glass-card {
  background: rgba(250, 247, 240, 0.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(184, 148, 31, 0.12);
  box-shadow: 0 1px 3px rgba(20, 20, 40, 0.04),
              0 4px 16px rgba(20, 20, 40, 0.03);
}

/* Glow effects: warmer, softer shadows on light bg */
[data-theme="light"] .glow-amethyst {
  box-shadow: 0 0 24px color-mix(in srgb, var(--color-amethyst-glow) 10%, transparent),
              0 1px 3px rgba(20, 20, 40, 0.06);
}

[data-theme="light"] .glow-rose {
  box-shadow: 0 0 24px color-mix(in srgb, var(--color-rose-glow) 10%, transparent),
              0 1px 3px rgba(20, 20, 40, 0.06);
}

[data-theme="light"] .glow-aqua {
  box-shadow: 0 0 24px color-mix(in srgb, var(--color-aqua-glow) 10%, transparent),
              0 1px 3px rgba(20, 20, 40, 0.06);
}

[data-theme="light"] .glow-emerald {
  box-shadow: 0 0 24px color-mix(in srgb, var(--color-emerald-glow) 10%, transparent),
              0 1px 3px rgba(20, 20, 40, 0.06);
}

/* Gradient prism: warmer tones for light mode */
[data-theme="light"] .gradient-prism {
  background: linear-gradient(135deg, #52643C, #D4AF37, #C96E8E);
}

[data-theme="light"] .gradient-prism-text {
  background: linear-gradient(135deg, #8B6F12, #52643C, #C96E8E);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-theme="light"] .gradient-prism-border {
  border: double 1px transparent;
  background-image: linear-gradient(var(--color-cosmos), var(--color-cosmos)),
    linear-gradient(135deg, #52643C, #D4AF37, #C96E8E);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* Star dust: invisible on light theme (dust particles look odd on white) */
[data-theme="light"] .star-dust-container {
  display: none;
}

/* Sacred geometry: slightly more visible on light bg */
[data-theme="light"] .bg-sacred-flower::before {
  opacity: 0.04;
}

[data-theme="light"] .bg-sacred-metatron::before {
  opacity: 0.04;
}

[data-theme="light"] .bg-sacred-yantra::before {
  opacity: 0.04;
}

[data-theme="light"] .bg-sacred-hexagonal::before {
  opacity: 0.05;
}

/* Glow pulse animation: gentler on light backgrounds */
[data-theme="light"] .glow-pulse,
[data-theme="light"] [class*="animate-glow"] {
  animation: glow-pulse-light 4s ease-in-out infinite;
}

@keyframes glow-pulse-light {
  0%, 100% {
    box-shadow: 0 0 16px color-mix(in srgb, var(--color-amethyst-glow) 8%, transparent);
  }
  50% {
    box-shadow: 0 0 28px color-mix(in srgb, var(--color-amethyst-glow) 16%, transparent);
  }
}

/* Header dropdown: softer shadow on light */
[data-theme="light"] .header-dropdown {
  box-shadow: 0 4px 24px rgba(20, 20, 40, 0.06),
              0 0 0 1px rgba(184, 148, 31, 0.08);
}

/* Search modal: softer ambient glow */
[data-theme="light"] .search-modal {
  box-shadow: 0 8px 40px rgba(20, 20, 40, 0.08),
              0 0 0 1px rgba(184, 148, 31, 0.06);
}

/* Selection: warm gold tint */
[data-theme="light"] ::selection {
  background-color: rgba(184, 148, 31, 0.18);
  color: var(--color-moonlight);
}

/* Focus ring: darker gold for contrast on light */
[data-theme="light"] :focus-visible {
  outline: 2px solid var(--color-amethyst-glow);
  outline-offset: 2px;
}

/* Scrollbar: light mode */
[data-theme="light"] ::-webkit-scrollbar-track {
  background: var(--color-void);
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: var(--color-astral);
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: var(--color-dust);
}

/* Skip to content: inverted for light */
[data-theme="light"] .skip-to-content {
  background: var(--color-amethyst-glow);
  color: #F6F4ED;
}