/* =========================================================================
   AVA DIGITAL — COLORS & TYPE
   Extracted from client/src/index.css + tailwind.config.ts
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  /* ---- CORE ---- */
  --ink:        #050607;   /* deep ink — pitch black, matches every page's section base */
  --paper:      #F7F7F5;   /* paper — foreground */
  --slate:      #121823;   /* card surface */
  --slate-2:    #1A2130;   /* secondary surface */

  /* ---- ACCENTS ---- */
  --mint:       #6EE7B7;   /* primary accent */
  --mint-dark:  #062E22;   /* on-mint text */
  --gold:       #C8A44E;   /* Lucy / premium accent */
  --gold-dark:  #1A1400;   /* on-gold text */
  --bronze:     #B87333;
  --copper:     #8A7234;

  /* ---- SEMANTIC ---- */
  --bg:              var(--ink);
  --bg-elevated:     var(--slate);
  --fg:              var(--paper);
  --fg-muted:        rgba(247,247,245,0.60);
  --fg-subtle:       rgba(247,247,245,0.40);
  --fg-faint:        rgba(247,247,245,0.25);
  --border:          rgba(247,247,245,0.10);
  --border-strong:   rgba(247,247,245,0.20);
  --surface-glass:   rgba(18,24,35,0.72);
  --surface-soft:    rgba(255,255,255,0.03);
  --surface-hover:   rgba(255,255,255,0.06);

  /* ---- STATUS ---- */
  --online:  #22C55E;
  --away:    #F59E0B;
  --busy:    #EF4444;

  /* ---- TYPE ---- */
  --font-display: 'Outfit', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'Space Grotesk', ui-monospace, monospace;

  /* display weights: 500/600/700/800 */
  /* body weights: 300/400/500/600 */

  --text-xs:   11.2px;   /* 0.7rem uppercase labels */
  --text-sm:   13px;
  --text-base: 16px;
  --text-md:   18px;
  --text-lg:   20px;
  --text-xl:   24px;
  --text-2xl:  30px;      /* h3 */
  --text-3xl:  36px;      /* h2 */
  --text-4xl:  44px;      /* hero */
  --text-5xl:  51px;      /* big display */

  --leading-tight:  1.15;
  --leading-snug:   1.25;
  --leading-normal: 1.5;
  --leading-relaxed:1.65;

  --tracking-tight:   -0.02em;
  --tracking-normal:   0em;
  --tracking-wide:     0.04em;
  --tracking-widest:   0.25em;   /* label mono caps */

  /* ---- RADII (from tailwind) ---- */
  --radius-sm:  3px;   /* 0.1875rem */
  --radius-md:  6px;   /* 0.375rem */
  --radius-lg:  9px;   /* 0.5625rem */
  --radius-xl: 14px;   /* card glass */
  --radius-2xl:16px;   /* whatwedo card */
  --radius-pill: 9999px;

  /* ---- SHADOWS ---- */
  --shadow-card:  0 14px 48px rgba(0,0,0,0.30);
  --shadow-glow:  0 0 20px rgba(110,231,183,0.30);
  --shadow-lg:    0 4px 20px rgba(0,0,0,0.05);

  /* ---- SPACING (tailwind-aligned) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --container: 1120px;

  /* ---- MOTION ---- */
  --dur-fast:   200ms;
  --dur-base:   300ms;
  --dur-slow:   450ms;
  --dur-stately:700ms;
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.4, 0, 0.2, 1);
}

/* =========================================================================
   BASE
   ========================================================================= */
html, body {
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
::selection { background: rgba(110,231,183,0.30); color: var(--mint-dark); }

/* =========================================================================
   TYPE ROLES
   ========================================================================= */
.display, h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: var(--tracking-tight);
}
h1, .h1 { font-size: var(--text-4xl); line-height: 1.15; font-weight: 700; }
h2, .h2 { font-size: var(--text-3xl); line-height: 1.15; font-weight: 700; }
h3, .h3 { font-size: var(--text-2xl); line-height: 1.2;  font-weight: 700; }
h4, .h4 { font-size: var(--text-lg);  line-height: 1.25; font-weight: 600; }

.hero-headline {
  font-family: var(--font-display);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.15;
  letter-spacing: var(--tracking-tight);
  font-weight: 700;
  color: var(--fg);
}

.body, p { font-family: var(--font-body); line-height: var(--leading-relaxed); }
.body-lg { font-size: var(--text-md); color: var(--fg-muted); }
.body-sm { font-size: var(--text-sm); color: var(--fg-muted); }

/* The defining AVA label: mono caps, mint, wide-tracked */
.eyebrow, .label-mono {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--tracking-widest);
  color: rgba(110,231,183,0.80);
}
.eyebrow--gold { color: rgba(200,164,78,0.80); }
.eyebrow--muted { color: var(--fg-subtle); }

code, .mono, pre {
  font-family: var(--font-mono);
}

/* =========================================================================
   SURFACES — the signature "glass card"
   ========================================================================= */
.glass-card {
  background: var(--surface-glass);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-card);
  backdrop-filter: blur(6px);
}
.surface-soft {
  background: var(--surface-soft);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
}
.surface-mint {
  background: rgba(110,231,183,0.08);
  border: 1px solid rgba(110,231,183,0.20);
}
.surface-gold {
  background: rgba(200,164,78,0.05);
  border: 1px solid rgba(200,164,78,0.20);
}

/* =========================================================================
   MESH BG — the signature atmospheric background
   ========================================================================= */
.mesh-bg { position: relative; isolation: isolate; }
.mesh-bg::before {
  content:""; position: fixed; inset: 0; pointer-events: none; z-index:-2;
  background:
    radial-gradient(1200px 700px at 12% 18%, rgba(110,231,183,.18), transparent 55%),
    radial-gradient(900px 600px at 85% 38%, rgba(177,227,255,.12), transparent 58%),
    radial-gradient(900px 700px at 55% 92%, rgba(255,255,255,.06), transparent 60%);
}
.mesh-bg::after {
  content:""; position: fixed; inset: 0; pointer-events: none; z-index:-1; opacity:.08;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}

/* =========================================================================
   BUTTONS — pill, three roles
   ========================================================================= */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-weight: 600;
  padding: 12px 20px;
  font-size: 14px;
  border: 1px solid transparent;
  transition: all var(--dur-base) var(--ease-out);
  cursor: pointer;
  white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: scale(0.98); }

.btn-primary {
  background: var(--mint);
  color: var(--mint-dark);
  font-weight: 700;
}
.btn-primary:hover { box-shadow: var(--shadow-glow); }

.btn-gold {
  background: var(--gold);
  color: var(--gold-dark);
  font-weight: 700;
}

.btn-glass {
  background: var(--surface-hover);
  border-color: var(--border-strong);
  color: var(--fg);
}
.btn-glass:hover { border-color: rgba(255,255,255,0.40); background: rgba(255,255,255,0.10); }

.btn-mint-outline {
  background: rgba(110,231,183,0.10);
  border-color: rgba(110,231,183,0.30);
  color: var(--mint);
}

/* =========================================================================
   PILL TAG (service pills, chips)
   ========================================================================= */
.pill {
  display:inline-flex; align-items:center; gap:6px;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  font-size: 12px; font-weight: 500;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--border);
  color: var(--fg-muted);
  transition: all var(--dur-base) var(--ease-out);
}
.pill:hover { border-color: rgba(110,231,183,0.30); color: rgba(110,231,183,0.80); }
.pill--active {
  background: rgba(110,231,183,0.15);
  border-color: rgba(110,231,183,0.30);
  color: var(--mint);
}
.pill--mono {
  font-family: var(--font-mono);
  background: rgba(110,231,183,0.10);
  border-color: rgba(110,231,183,0.20);
  color: var(--mint);
}

/* =========================================================================
   INPUTS
   ========================================================================= */
.input, .textarea {
  width: 100%;
  background: var(--bg);
  color: var(--fg);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-md);
  padding: 10px 14px;
  font-family: var(--font-body);
  font-size: 14px;
}
.input:focus, .textarea:focus {
  outline: none;
  border-color: var(--mint);
  box-shadow: 0 0 0 2px rgba(110,231,183,0.20);
}
.textarea { resize: vertical; min-height: 120px; }

/* Divider */
.hr { border: 0; border-top: 1px solid var(--border); margin: 24px 0; }

/* Utility layout */
.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}

/* =========================================================================
   FRAMED GLOW — floating glass card on dark page (used site-wide)
   Wraps text-heavy body sections so they sit as luminous panels rather
   than floating on raw black. Two variants: .mint (Agent Lab side) and
   .gold (Creative Studio side). Apply via class on the wrapper div.
   ========================================================================= */
.framed-glow {
  position: relative;
  max-width: 820px;
  margin: 60px auto 0;
  padding: 56px clamp(28px, 5vw, 72px) 48px;
  background: linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.012) 100%);
  border: 1px solid rgba(255,255,255,0.085);
  border-radius: 22px;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow:
    0 1px 0 rgba(255,255,255,0.04) inset,
    0 0 0 1px rgba(255,255,255,0.015),
    0 28px 60px -28px rgba(0,0,0,0.55),
    0 0 80px -10px rgba(255,255,255,0.04),
    0 0 200px -40px rgba(255,255,255,0.06),
    0 0 320px -80px rgba(255,255,255,0.04);
}
.framed-glow::before {
  content: ""; position: absolute;
  top: 0; left: clamp(48px, 12%, 120px); right: clamp(48px, 12%, 120px); height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
  pointer-events: none;
}
.framed-glow.mint {
  box-shadow:
    0 1px 0 rgba(255,255,255,0.04) inset,
    0 0 0 1px rgba(255,255,255,0.015),
    0 28px 60px -28px rgba(0,0,0,0.55),
    0 0 80px -10px rgba(255,255,255,0.04),
    0 0 200px -40px rgba(255,255,255,0.06),
    0 0 320px -80px rgba(139,234,195,0.06);
}
.framed-glow.mint::before { background: linear-gradient(90deg, transparent, rgba(139,234,195,0.28), transparent); }
.framed-glow.gold {
  box-shadow:
    0 1px 0 rgba(255,255,255,0.04) inset,
    0 0 0 1px rgba(255,255,255,0.015),
    0 28px 60px -28px rgba(0,0,0,0.55),
    0 0 80px -10px rgba(255,255,255,0.04),
    0 0 200px -40px rgba(255,255,255,0.06),
    0 0 320px -80px rgba(217,182,113,0.06);
}
.framed-glow.gold::before { background: linear-gradient(90deg, transparent, rgba(217,182,113,0.28), transparent); }
/* Wider variant for sections with bigger content (tables, lists) */
.framed-glow--wide { max-width: 1080px; }
@media (max-width: 720px) {
  .framed-glow { margin: 40px 16px 0 !important; padding: 40px 24px 36px !important; }
}
html[data-theme="light"] .framed-glow {
  background: linear-gradient(180deg, #ffffff, #fbf9f3) !important;
  border-color: rgba(10,11,13,0.08) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.6) inset,
    0 0 0 1px rgba(10,11,13,0.04),
    0 30px 60px -30px rgba(10,11,13,0.18),
    0 0 80px -10px rgba(10,11,13,0.04),
    0 0 200px -40px rgba(10,11,13,0.06),
    0 0 320px -80px rgba(10,11,13,0.04) !important;
}
html[data-theme="light"] .framed-glow.mint { box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 0 0 1px rgba(10,11,13,0.04), 0 30px 60px -30px rgba(10,11,13,0.18), 0 0 80px -10px rgba(10,11,13,0.04), 0 0 200px -40px rgba(10,11,13,0.06), 0 0 320px -80px rgba(139,234,195,0.1) !important; }
html[data-theme="light"] .framed-glow.gold { box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 0 0 1px rgba(10,11,13,0.04), 0 30px 60px -30px rgba(10,11,13,0.18), 0 0 80px -10px rgba(10,11,13,0.04), 0 0 200px -40px rgba(10,11,13,0.06), 0 0 320px -80px rgba(217,182,113,0.12) !important; }
html[data-theme="light"] .framed-glow::before { background: linear-gradient(90deg, transparent, rgba(10,11,13,0.16), transparent) !important; }
html[data-theme="light"] .framed-glow.mint::before { background: linear-gradient(90deg, transparent, rgba(139,234,195,0.4), transparent) !important; }
html[data-theme="light"] .framed-glow.gold::before { background: linear-gradient(90deg, transparent, rgba(217,182,113,0.5), transparent) !important; }

/* =========================================================================
   LIGHT THEME (opt-in via html[data-theme="light"])
   Designed to override the inline <style> dark chrome on every page.
   Uses !important because page-level inline <style> blocks would otherwise
   win cascade order by source. Accents (mint, gold) remain constant.
   ========================================================================= */
html[data-theme="light"] { color-scheme: light; background: #fbf9f3; }
html[data-theme="light"] body {
  background: #fbf9f3 !important;
  color: #0a0b0d !important;
  background-image: none !important;
}
html[data-theme="light"] body::before,
html[data-theme="light"] body::after { opacity: 0.04 !important; }

/* --- Global text flips --- */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 { color: #0a0b0d !important; }
html[data-theme="light"] p { color: rgba(10,11,13,0.72) !important; }
html[data-theme="light"] a { color: inherit; }
html[data-theme="light"] strong { color: #0a0b0d !important; }

/* --- Nav chrome --- */
html[data-theme="light"] nav.top {
  background: transparent !important;
  border-bottom: 0 !important;
}
html[data-theme="light"] nav.top .brand-mark img { filter: drop-shadow(0 2px 6px rgba(10,11,13,0.22)) !important; }
html[data-theme="light"] nav.top .brand-mark:hover img { filter: drop-shadow(0 0 12px rgba(139,234,195,0.55)) !important; }
html[data-theme="light"] .switch {
  background: rgba(10,11,13,0.035) !important;
  border-color: rgba(10,11,13,0.1) !important;
}
html[data-theme="light"] .switch a { color: rgba(10,11,13,0.65) !important; }
html[data-theme="light"] .switch a:hover { color: #0a0b0d !important; }
html[data-theme="light"] .switch a.on { background: rgba(139,234,195,0.22) !important; color: #0a5c42 !important; }
html[data-theme="light"] .icon-btn {
  background: rgba(10,11,13,0.04) !important;
  border-color: rgba(10,11,13,0.1) !important;
  color: rgba(10,11,13,0.8) !important;
}
html[data-theme="light"] .icon-btn:hover {
  background: rgba(10,11,13,0.08) !important;
  border-color: rgba(139,234,195,0.4) !important;
  color: #0a0b0d !important;
}

/* --- Drawer --- */
html[data-theme="light"] .drawer-bg { background: rgba(10,11,13,0.35) !important; }
html[data-theme="light"] .drawer {
  background: #ffffff !important;
  border-left-color: rgba(10,11,13,0.08) !important;
  color: #0a0b0d !important;
}
html[data-theme="light"] .drawer .dhead { border-bottom-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .drawer .dclose { color: rgba(10,11,13,0.55) !important; border-color: rgba(10,11,13,0.12) !important; }
html[data-theme="light"] .drawer .dclose:hover { background: rgba(10,11,13,0.06) !important; }
html[data-theme="light"] .drawer nav a { color: rgba(10,11,13,0.78) !important; }
html[data-theme="light"] .drawer nav a:hover { color: #0a0b0d !important; background: rgba(10,11,13,0.04) !important; }
html[data-theme="light"] .drawer .dgroup { color: rgba(10,11,13,0.4) !important; }
html[data-theme="light"] .drawer .dfoot { border-top-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .drawer .dtoggle {
  background: rgba(10,11,13,0.04) !important;
  border-color: rgba(10,11,13,0.08) !important;
}
html[data-theme="light"] .drawer .dtoggle button { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .drawer .dtoggle button.on { background: rgba(139,234,195,0.2) !important; color: #0a5c42 !important; }
html[data-theme="light"] .drawer .dtoggle button.soon::after {
  background: rgba(217,182,113,0.25) !important;
  color: #6d5418 !important;
  border-color: rgba(217,182,113,0.45) !important;
}

/* --- Sections + panels (generic patterns used site-wide) --- */
/* Cards/panels that use rgba(255,255,255,0.0X) as bg + rgba(255,255,255,0.0X) as border */
html[data-theme="light"] section { color: #0a0b0d; }
html[data-theme="light"] section:not(.hero):not(.awards):not(#modeling):not(#living-painting):not(#festival-showcase):not(#social-reach):not(#personas-showcase):not(.trusted) { background: transparent; }
html[data-theme="light"] .wwd-card,
html[data-theme="light"] .service,
html[data-theme="light"] .work-option,
html[data-theme="light"] .aw-stat,
html[data-theme="light"] .af-card,
html[data-theme="light"] .consult-card,
html[data-theme="light"] .team-card,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .pillar,
html[data-theme="light"] .fest-card,
html[data-theme="light"] .wl-wrap,
html[data-theme="light"] .card,
html[data-theme="light"] .glass-card,
html[data-theme="light"] .inv-row {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.08) !important;
  box-shadow: 0 10px 30px -15px rgba(10,11,13,0.15) !important;
  color: #0a0b0d !important;
}

/* Borders on white cards tighter */
html[data-theme="light"] .work-option.featured {
  border-color: rgba(217,182,113,0.5) !important;
  background: linear-gradient(180deg, rgba(217,182,113,0.08), rgba(217,182,113,0.02)) !important;
}

/* --- Text opacity ladder flip --- */
html[data-theme="light"] .hero-body,
html[data-theme="light"] .lead,
html[data-theme="light"] .line,
html[data-theme="light"] .bio,
html[data-theme="light"] .body,
html[data-theme="light"] .pitch p,
html[data-theme="light"] .reality p { color: rgba(10,11,13,0.75) !important; }

html[data-theme="light"] .eyebrow,
html[data-theme="light"] .dgroup,
html[data-theme="light"] .aw-h,
html[data-theme="light"] .md-stat .l,
html[data-theme="light"] .hero-stats .l,
html[data-theme="light"] .aw-stat .l { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .aw-stat .s,
html[data-theme="light"] .md-stat .s { color: rgba(10,11,13,0.45) !important; }

/* Keep mint/gold eyebrows readable on white */
html[data-theme="light"] .eyebrow { color: #0a5c42 !important; }
html[data-theme="light"] .eyebrow--gold,
html[data-theme="light"] .awards-head .eyebrow,
html[data-theme="light"] #festival-showcase .eyebrow,
html[data-theme="light"] #social-reach .eyebrow,
html[data-theme="light"] .fs-head .eyebrow { color: #8a6a1f !important; }

/* --- Hero sections (keep dark video bg, white text overlay stays) --- */
/* Preserve the cinematic hero untouched — text over video must stay white. */
html[data-theme="light"] section.hero .hero-inner { color: #fff !important; }
html[data-theme="light"] section.hero h1,
html[data-theme="light"] section.hero .hero-body,
html[data-theme="light"] section.hero .hero-sig,
html[data-theme="light"] section.hero .hero-stats .v,
html[data-theme="light"] section.hero .hero-stats .l { color: inherit !important; }
html[data-theme="light"] .hero-inner h1 { color: #fff !important; }
html[data-theme="light"] .hero-inner .hero-body { color: rgba(255,255,255,0.82) !important; }
html[data-theme="light"] .hero-inner h1 .gold { color: var(--gold) !important; }

/* --- Footer (flip unless it sits inside a dark section) --- */
html[data-theme="light"] footer {
  background: #f1ede0 !important;
  color: rgba(10,11,13,0.65) !important;
  border-top-color: rgba(10,11,13,0.08) !important;
}
html[data-theme="light"] footer a { color: rgba(10,11,13,0.75) !important; }
html[data-theme="light"] footer a:hover { color: #0a0b0d !important; }

/* --- Buttons --- */
html[data-theme="light"] .btn-ghost {
  background: rgba(10,11,13,0.04) !important;
  color: #0a0b0d !important;
  border-color: rgba(10,11,13,0.12) !important;
}
html[data-theme="light"] .btn-ghost:hover {
  background: rgba(10,11,13,0.08) !important;
  border-color: rgba(10,11,13,0.2) !important;
}

/* --- Marquee / trusted / modeling panels keep subtle gold tint --- */
html[data-theme="light"] section.trusted {
  background: rgba(217,182,113,0.03) !important;
  border-top-color: rgba(10,11,13,0.06) !important;
  border-bottom-color: rgba(10,11,13,0.06) !important;
}
html[data-theme="light"] section.trusted .lbl { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .marquee-track span { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .marquee-track span:hover { color: #0a0b0d !important; }

/* --- Forms (contact) --- */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background: #ffffff !important;
  color: #0a0b0d !important;
  border-color: rgba(10,11,13,0.15) !important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: rgba(10,11,13,0.4) !important; }

/* --- Awards inner rows --- */
html[data-theme="light"] .aw-row {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.06) !important;
}
html[data-theme="light"] .aw-row .aw-film { color: #0a0b0d !important; }
html[data-theme="light"] .aw-row .aw-det { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .aw-row .aw-fest { color: rgba(10,11,13,0.42) !important; }

/* --- Carousel / slide inner frame --- */
html[data-theme="light"] .slide-inner {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.08) !important;
}
html[data-theme="light"] .slide-body h4 { color: #0a0b0d !important; }
html[data-theme="light"] .slide-body p { color: rgba(10,11,13,0.65) !important; }
html[data-theme="light"] .slide-body .t { color: #8a6a1f !important; }

/* --- Persona / actor cards keep image-driven look; only flip meta --- */
html[data-theme="light"] .actor-card { background: #0a0b0d !important; } /* image-first, stays dark */

/* --- Modeling / LivingPainting / Social / Festival sections keep cinematic dark --- */
html[data-theme="light"] #modeling,
html[data-theme="light"] #living-painting,
html[data-theme="light"] #festival-showcase,
html[data-theme="light"] #social-reach,
html[data-theme="light"] #personas-showcase,
html[data-theme="light"] section.awards {
  background: #0a0b0d !important;
  color: #fff !important;
}
html[data-theme="light"] #modeling *,
html[data-theme="light"] #living-painting *,
html[data-theme="light"] #social-reach *,
html[data-theme="light"] #personas-showcase *,
html[data-theme="light"] section.awards * { color: inherit; }
html[data-theme="light"] #modeling h2,
html[data-theme="light"] #living-painting h2,
html[data-theme="light"] #social-reach h2,
html[data-theme="light"] #personas-showcase h2,
html[data-theme="light"] section.awards h2 { color: #fff !important; }
html[data-theme="light"] #festival-showcase { background: #fbf9f3 !important; color: #0a0b0d !important; }
html[data-theme="light"] #festival-showcase h2 { color: #0a0b0d !important; }
html[data-theme="light"] #festival-showcase p { color: rgba(10,11,13,0.65) !important; }
html[data-theme="light"] .fs-band-head { border-bottom-color: rgba(10,11,13,0.1) !important; }
html[data-theme="light"] .fs-band-head .fs-count { color: rgba(10,11,13,0.5) !important; }
html[data-theme="light"] .fs-cert-rail::-webkit-scrollbar-track { background: rgba(10,11,13,0.05) !important; }

/* --- Safety net: text inside flipped cards must NOT stay white --- */
html[data-theme="light"] .wwd-card :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label),
html[data-theme="light"] .service :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label),
html[data-theme="light"] .work-option :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label),
html[data-theme="light"] .aw-stat :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label,div),
html[data-theme="light"] .af-card :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label,div),
html[data-theme="light"] .consult-card :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label),
html[data-theme="light"] .team-card :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label,div),
html[data-theme="light"] .faq-item :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label,div),
html[data-theme="light"] .pillar :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label,div),
html[data-theme="light"] .fest-card :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label,div),
html[data-theme="light"] .wl-wrap :is(h1,h2,h3,h4,h5,h6,p,li,strong,time,label) { color: #0a0b0d !important; }

/* Fainter body copy tone */
html[data-theme="light"] .wwd-card p,
html[data-theme="light"] .service p,
html[data-theme="light"] .work-option p,
html[data-theme="light"] .consult-card p,
html[data-theme="light"] .team-card p,
html[data-theme="light"] .faq-item p,
html[data-theme="light"] .pillar p,
html[data-theme="light"] .fest-card p,
html[data-theme="light"] .fest-card .kind,
html[data-theme="light"] .wl-wrap p { color: rgba(10,11,13,0.66) !important; }

/* Preserve accent color utilities inside flipped cards */
html[data-theme="light"] .gold,
html[data-theme="light"] .mint,
html[data-theme="light"] .bronze { color: var(--gold) !important; }
html[data-theme="light"] .mint { color: #0a5c42 !important; }
html[data-theme="light"] .bronze { color: #8a5320 !important; }

/* Dashboard / Intake booking: apply bg + fg flip but keep their scoped styles */
html[data-theme="light"] .wrap-dash,
html[data-theme="light"] .intake-bg { background: #fbf9f3 !important; }

/* Persona card caption readability on flipped backgrounds: info overlay keeps dark-on-image, so no change needed */

/* --- contact.html specifics --- */
html[data-theme="light"] .method {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.08) !important;
  color: #0a0b0d !important;
}
html[data-theme="light"] .method:hover {
  background: rgba(139,234,195,0.08) !important;
  border-color: rgba(139,234,195,0.45) !important;
}
html[data-theme="light"] .method .v { color: #0a0b0d !important; }
html[data-theme="light"] .method .t { color: rgba(10,11,13,0.5) !important; }
html[data-theme="light"] .method .arr { color: rgba(10,11,13,0.45) !important; }
html[data-theme="light"] .form-wrap {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.08) !important;
}
html[data-theme="light"] .form-wrap h2 { color: #0a0b0d !important; }
html[data-theme="light"] .form-wrap .sh { color: rgba(10,11,13,0.5) !important; }
html[data-theme="light"] .field label { color: rgba(10,11,13,0.75) !important; }
html[data-theme="light"] .location p,
html[data-theme="light"] .location h3 { color: #0a0b0d !important; }

/* --- about.html specifics --- */
html[data-theme="light"] .origin-body p { color: rgba(10,11,13,0.75) !important; }
html[data-theme="light"] .origin-body p strong,
html[data-theme="light"] .origin-body p em { color: #0a0b0d !important; }
html[data-theme="light"] .origin-body .pullquote { color: #0a0b0d !important; }
html[data-theme="light"] .tl-event { color: #0a0b0d !important; }
html[data-theme="light"] .tl-event p,
html[data-theme="light"] .tl-event .tl-date { color: rgba(10,11,13,0.65) !important; }

/* --- lucy.html toolkit + trinity --- */
html[data-theme="light"] section.lucy-toolkit,
html[data-theme="light"] section.trinity { background: transparent !important; color: #0a0b0d !important; }
html[data-theme="light"] .toolkit-head h2,
html[data-theme="light"] .trinity-head h2 { color: #0a0b0d !important; }
html[data-theme="light"] .toolkit-head p,
html[data-theme="light"] .trinity-head p { color: rgba(10,11,13,0.7) !important; }
html[data-theme="light"] .domain {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.08) !important;
  box-shadow: 0 10px 30px -15px rgba(10,11,13,0.15) !important;
}
html[data-theme="light"] .domain h4 { color: #0a0b0d !important; }
html[data-theme="light"] .domain .caps-list li {
  background: rgba(10,11,13,0.04) !important;
  border-color: rgba(10,11,13,0.08) !important;
  color: rgba(10,11,13,0.72) !important;
}
html[data-theme="light"] .tri-card {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.08) !important;
}
html[data-theme="light"] .tri-body { color: rgba(10,11,13,0.78) !important; }
html[data-theme="light"] .tri-caps span {
  background: rgba(10,11,13,0.04) !important;
  border-color: rgba(10,11,13,0.08) !important;
  color: rgba(10,11,13,0.7) !important;
}
html[data-theme="light"] .tri-card.oracle    .tri-name { color: #0a5c42 !important; }
html[data-theme="light"] .tri-card.architect .tri-name { color: #8a6a1f !important; }
html[data-theme="light"] .tri-card.chat      .tri-name { color: #b33d2d !important; }
html[data-theme="light"] .tri-caps { border-top-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .lucy-closing p { color: #0a5c42 !important; }
html[data-theme="light"] .lucy-closing .tag { color: rgba(10,11,13,0.45) !important; }

/* --- codec.html film --- */
html[data-theme="light"] .codec-film .film-head h2 { color: #0a0b0d !important; }
html[data-theme="light"] .codec-film .film-head p { color: rgba(10,11,13,0.7) !important; }
html[data-theme="light"] .codec-film .film-frame {
  background: #fff !important;
  border-color: rgba(10,11,13,0.12) !important;
  box-shadow: 0 30px 80px -20px rgba(10,11,13,0.25), 0 0 0 1px rgba(10,11,13,0.06) !important;
}
html[data-theme="light"] .codec-film .film-foot { color: rgba(10,11,13,0.55) !important; }

/* --- bridge invites (studio-invite + lab-invite) --- */
html[data-theme="light"] .studio-invite-card,
html[data-theme="light"] .lab-invite-card {
  background: linear-gradient(180deg, #ffffff, #f8f4ea) !important;
  box-shadow: 0 20px 60px -30px rgba(10,11,13,0.18) !important;
}
html[data-theme="light"] .studio-invite-card { border-color: rgba(217,182,113,0.45) !important; }
html[data-theme="light"] .lab-invite-card    { border-color: rgba(139,234,195,0.5) !important; }
html[data-theme="light"] .studio-invite h2,
html[data-theme="light"] .lab-invite h2 { color: #0a0b0d !important; }
html[data-theme="light"] .studio-invite p,
html[data-theme="light"] .lab-invite p { color: rgba(10,11,13,0.7) !important; }
html[data-theme="light"] .studio-invite .service-pills span {
  background: rgba(217,182,113,0.12) !important;
  border-color: rgba(217,182,113,0.35) !important;
  color: #8a6a1f !important;
}
html[data-theme="light"] .lab-invite .agent-pills span {
  background: rgba(139,234,195,0.15) !important;
  border-color: rgba(139,234,195,0.42) !important;
  color: #0a5c42 !important;
}

/* --- beacon.html sections --- */
html[data-theme="light"] .h-italic { color: #0a0b0d !important; }
html[data-theme="light"] .body-lg { color: rgba(10,11,13,0.78) !important; }
html[data-theme="light"] .body-lg strong { color: #0a0b0d !important; }
html[data-theme="light"] .closer-italic { color: #0a5c42 !important; }
html[data-theme="light"] .hero-stats .st .v { color: #0a5c42 !important; }
html[data-theme="light"] .hero-stats .st .l { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .hero-stats .st .l strong { color: rgba(10,11,13,0.85) !important; }
html[data-theme="light"] .hero-stats { border-top-color: rgba(10,11,13,0.1) !important; }
html[data-theme="light"] .how-step h3 { color: #0a0b0d !important; }
html[data-theme="light"] .how-step p { color: rgba(10,11,13,0.7) !important; }
html[data-theme="light"] .how-step { border-top-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .preview-77 { background: linear-gradient(180deg, rgba(139,234,195,0.08) 0%, transparent 100%) !important; border-top-color: rgba(10,11,13,0.06) !important; border-bottom-color: rgba(10,11,13,0.06) !important; }
/* The browser frame keeps a dark canvas (it's a screenshot mock) */
html[data-theme="light"] .browser-caption { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .vert-card { background: #ffffff !important; border-color: rgba(10,11,13,0.08) !important; box-shadow: 0 10px 30px -15px rgba(10,11,13,0.12) !important; }
html[data-theme="light"] .vert-text h4 { color: #0a0b0d !important; }
html[data-theme="light"] .vert-text p { color: rgba(10,11,13,0.65) !important; }
html[data-theme="light"] .vert-icon { background: rgba(139,234,195,0.18) !important; border-color: rgba(139,234,195,0.4) !important; }
html[data-theme="light"] .report-mock { background: #0a0b0d !important; border-color: rgba(10,11,13,0.12) !important; }
/* report-mock stays dark — it's a terminal-style mockup */
html[data-theme="light"] .proof { background: linear-gradient(180deg, transparent 0%, rgba(217,182,113,0.08) 50%, transparent 100%) !important; border-top-color: rgba(10,11,13,0.06) !important; border-bottom-color: rgba(10,11,13,0.06) !important; }
html[data-theme="light"] .price-card-beacon { background: linear-gradient(180deg, rgba(217,182,113,0.1) 0%, rgba(217,182,113,0.02) 100%) !important; border-color: rgba(217,182,113,0.45) !important; }
html[data-theme="light"] .price-card-beacon .amounts .top,
html[data-theme="light"] .price-card-beacon .amounts .bot { color: #0a0b0d !important; }
html[data-theme="light"] .price-card-beacon .amounts .top-l,
html[data-theme="light"] .price-card-beacon .amounts .bot-l,
html[data-theme="light"] .price-card-beacon .amounts .plus { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .price-card-beacon .includes { border-top-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .price-card-beacon .includes .lbl { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .price-card-beacon .includes li { color: rgba(10,11,13,0.78) !important; }
html[data-theme="light"] .pricing-foot { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .faq-item { border-top-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .faq-item:last-child { border-bottom-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .faq-item summary { color: #0a0b0d !important; }
html[data-theme="light"] .faq-item .ans { color: rgba(10,11,13,0.7) !important; }
html[data-theme="light"] .faq-item .ans strong { color: #0a0b0d !important; }
html[data-theme="light"] .final-cta h2 { color: #0a0b0d !important; }
html[data-theme="light"] .final-cta .back { color: rgba(10,11,13,0.5) !important; }
html[data-theme="light"] footer.bot-foot { border-top-color: rgba(10,11,13,0.08) !important; color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] footer.bot-foot a { color: rgba(10,11,13,0.7) !important; }

/* --- Reality framed body card on index.html --- */
html[data-theme="light"] .reality-body {
  background: linear-gradient(180deg, #ffffff, #fbf9f3) !important;
  border-color: rgba(10,11,13,0.08) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.6) inset,
    0 0 0 1px rgba(10,11,13,0.04),
    0 30px 60px -30px rgba(10,11,13,0.18),
    0 0 80px -10px rgba(10,11,13,0.04),
    0 0 200px -40px rgba(10,11,13,0.06),
    0 0 320px -80px rgba(139,234,195,0.08) !important;
}
html[data-theme="light"] .reality-body::before { background: linear-gradient(90deg, transparent, rgba(10,11,13,0.16), transparent) !important; }
html[data-theme="light"] .reality-body p { color: rgba(10,11,13,0.78) !important; }
html[data-theme="light"] .reality-body p strong { color: #0a0b0d !important; }
html[data-theme="light"] .reality-body .closer { color: #0a5c42 !important; border-top-color: rgba(10,11,13,0.1) !important; }

/* --- Studio deep-splits (4 services on studio.html) --- */
html[data-theme="light"] .studio-deep-split .copy h2 { color: #0a0b0d !important; }
html[data-theme="light"] .studio-deep-split .copy .subtitle { color: #8a6a1f !important; }
html[data-theme="light"] .studio-deep-split .copy p { color: rgba(10,11,13,0.72) !important; }
html[data-theme="light"] .studio-deep-split .copy p strong { color: #0a0b0d !important; }
html[data-theme="light"] .studio-deep-split .copy .price-line {
  color: rgba(10,11,13,0.6) !important;
  border-top-color: rgba(10,11,13,0.1) !important;
}
html[data-theme="light"] .studio-visual {
  background: linear-gradient(180deg, #ffffff, #f8f4ea) !important;
  border-color: rgba(217,182,113,0.4) !important;
  box-shadow: 0 30px 80px -30px rgba(217,182,113,0.25), 0 1px 0 rgba(255,255,255,0.6) inset !important;
}
html[data-theme="light"] .studio-visual::before {
  background: radial-gradient(circle at 50% 110%, rgba(217,182,113,0.18), transparent 60%) !important;
}
html[data-theme="light"] .studio-visual .visual-label { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .studio-visual img { filter: drop-shadow(0 22px 50px rgba(217,182,113,0.35)) saturate(1.05) !important; }

/* --- Pricing tiers (homepage + pricing page) --- */
html[data-theme="light"] .price-tier {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.08) !important;
  box-shadow: 0 12px 32px -16px rgba(10,11,13,0.16) !important;
}
html[data-theme="light"] .price-tier::before {
  background: linear-gradient(90deg, transparent, rgba(139,234,195,0.5), transparent) !important;
  opacity: 0.6 !important;
}
html[data-theme="light"] .price-tier.recommended {
  background: linear-gradient(180deg, rgba(139,234,195,0.12), rgba(139,234,195,0.04)) !important;
  border-color: rgba(139,234,195,0.55) !important;
}
html[data-theme="light"] .price-tier .ttl { color: #0a0b0d !important; }
html[data-theme="light"] .price-tier .pr { color: #0a5c42 !important; }
html[data-theme="light"] .price-tier.tier-2 .pr { color: #0a0b0d !important; }
html[data-theme="light"] .price-tier .pr small { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .price-tier .body { color: rgba(10,11,13,0.7) !important; }
html[data-theme="light"] .price-tier .body em { color: #0a0b0d !important; }
html[data-theme="light"] .price-tier .opt { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .price-tier.recommended .opt { color: #0a5c42 !important; }
html[data-theme="light"] .price-tier .cta-row { border-top-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .price-tier .cta-book {
  background: rgba(139,234,195,0.18) !important;
  border-color: rgba(139,234,195,0.45) !important;
  color: #0a5c42 !important;
}
html[data-theme="light"] .price-tier .cta-book:hover { background: var(--mint) !important; color: #042118 !important; }
html[data-theme="light"] .price-tier.recommended .cta-book { background: var(--mint) !important; color: #042118 !important; border-color: var(--mint) !important; }
html[data-theme="light"] .pricing-foot { color: #0a5c42 !important; }
html[data-theme="light"] .pricing-foot strong { color: #0a0b0d !important; }
html[data-theme="light"] .pricing-head h2 { color: #0a0b0d !important; }
html[data-theme="light"] .pricing-head p { color: rgba(10,11,13,0.7) !important; }

/* --- pricing.html opt-detail blocks --- */
html[data-theme="light"] .opt-detail { border-top-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .opt-detail h3 { color: #0a0b0d !important; }
html[data-theme="light"] .opt-detail p { color: rgba(10,11,13,0.78) !important; }
html[data-theme="light"] .opt-detail p strong { color: #0a0b0d !important; }
html[data-theme="light"] .product-table { background: #ffffff !important; border-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .product-table .pt-row { border-bottom-color: rgba(10,11,13,0.06) !important; }
html[data-theme="light"] .product-table .pt-svc { color: #0a0b0d !important; }
html[data-theme="light"] .product-table .pt-svc small { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .product-table .pt-price { color: #0a5c42 !important; }
html[data-theme="light"] .product-table .pt-price b { color: #0a0b0d !important; }
html[data-theme="light"] section.final-pricing-cta { border-top-color: rgba(10,11,13,0.08) !important; }
html[data-theme="light"] .final-pricing-cta h2 { color: #0a0b0d !important; }
html[data-theme="light"] .final-pricing-cta p { color: rgba(10,11,13,0.7) !important; }

/* --- 8-tile service grid (homepage Everything we do) --- */
html[data-theme="light"] .svc-tile {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.08) !important;
  box-shadow: 0 10px 28px -16px rgba(10,11,13,0.15) !important;
}
html[data-theme="light"] .svc-tile .svc-name { color: #0a0b0d !important; }
html[data-theme="light"] .svc-tile .svc-line { color: rgba(10,11,13,0.65) !important; }
html[data-theme="light"] .svc-tile.mint { color: #0a5c42 !important; }
html[data-theme="light"] .svc-tile.gold { color: #8a6a1f !important; }

/* --- pillars on index.html (How we work) --- */
html[data-theme="light"] .pillar {
  background: linear-gradient(180deg, #ffffff, #fbf9f3) !important;
  border-color: rgba(10,11,13,0.08) !important;
  box-shadow: 0 10px 28px -16px rgba(10,11,13,0.14) !important;
}
html[data-theme="light"] .pillar h3 { color: #0a0b0d !important; }
html[data-theme="light"] .pillar p { color: rgba(10,11,13,0.7) !important; }
html[data-theme="light"] .pillar p strong { color: #0a0b0d !important; }
html[data-theme="light"] .pillar .n { -webkit-text-stroke-color: rgba(139,234,195,0.6) !important; text-stroke-color: rgba(139,234,195,0.6) !important; }
html[data-theme="light"] .pillar:hover .n { color: rgba(10,92,66,0.1) !important; -webkit-text-stroke-color: #0a5c42 !important; }

/* --- service cards on studio (legacy .service rules — used to be 4-card grid, kept for compat) --- */
html[data-theme="light"] .service .num { -webkit-text-stroke-color: rgba(217,182,113,0.6) !important; }
html[data-theme="light"] .service:hover .num { color: rgba(138,106,31,0.1) !important; -webkit-text-stroke-color: #8a6a1f !important; }

/* --- work-options on studio (Three ways to engage) --- */
html[data-theme="light"] .work-option {
  background: linear-gradient(180deg, #ffffff, #fbf9f3) !important;
  border-color: rgba(10,11,13,0.08) !important;
  box-shadow: 0 10px 28px -16px rgba(10,11,13,0.14) !important;
}
html[data-theme="light"] .work-option.featured {
  background: linear-gradient(180deg, rgba(217,182,113,0.14), rgba(217,182,113,0.04)) !important;
  border-color: rgba(217,182,113,0.5) !important;
}
html[data-theme="light"] .work-option h3 { color: #0a0b0d !important; }
html[data-theme="light"] .work-option .line { color: rgba(10,11,13,0.7) !important; }
html[data-theme="light"] .work-option li { color: rgba(10,11,13,0.78) !important; }
html[data-theme="light"] .work-option .num { -webkit-text-stroke-color: rgba(217,182,113,0.6) !important; }
html[data-theme="light"] .work-option:hover .num { color: rgba(138,106,31,0.1) !important; -webkit-text-stroke-color: #8a6a1f !important; }
html[data-theme="light"] .work-option .p { color: #8a6a1f !important; border-top-color: rgba(10,11,13,0.08) !important; }

/* --- Agent Lab cards on index.html --- */
html[data-theme="light"] .agent-card {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.08) !important;
  box-shadow: 0 12px 30px -15px rgba(10,11,13,0.15) !important;
}
html[data-theme="light"] .agent-card h3 { color: #0a0b0d !important; }
html[data-theme="light"] .agent-card p { color: rgba(10,11,13,0.72) !important; }
html[data-theme="light"] .agent-card p strong { color: #0a0b0d !important; }
html[data-theme="light"] .agent-card .agent-tagline { color: #0a5c42 !important; }
html[data-theme="light"] .agent-card .agent-tag {
  background: rgba(139,234,195,0.18) !important;
  border-color: rgba(139,234,195,0.45) !important;
  color: #0a5c42 !important;
}
html[data-theme="light"] .agent-card .agent-price {
  border-top-color: rgba(10,11,13,0.08) !important;
  color: rgba(10,11,13,0.6) !important;
}
html[data-theme="light"] .agent-card .agent-price b { color: #0a5c42 !important; }
html[data-theme="light"] .agent-card .agent-cta { color: #0a5c42 !important; }

/* Hero tagline + serif-italic emphasis (works in both themes) */
html[data-theme="light"] .hero-inner .hero-tagline { color: rgba(255,255,255,0.85) !important; }

/* --- Cinematic section intros (parallax video dividers) --- */
/* Keep dark to preserve cinematic feel even in light mode (the video is dark) */
html[data-theme="light"] .cine-intro {
  background: linear-gradient(180deg, #fbf9f3 0%, #0a0b0d 24%, #0a0b0d 76%, #fbf9f3 100%) !important;
}
html[data-theme="light"] .cine-intro .cine-content h2 { color: #ffffff !important; text-shadow: 0 2px 18px rgba(0,0,0,0.85) !important; }
html[data-theme="light"] .cine-intro .cine-content p { color: rgba(255,255,255,0.9) !important; text-shadow: 0 1px 10px rgba(0,0,0,0.78) !important; }
html[data-theme="light"] .cine-intro .cine-content .eyebrow { color: var(--mint) !important; text-shadow: 0 2px 14px rgba(0,0,0,0.92) !important; }

/* --- index.html editorial sections (new copy) --- */
html[data-theme="light"] .wwd-editorial p { color: rgba(10,11,13,0.88) !important; }
html[data-theme="light"] .wwd-editorial-h { color: #0a0b0d !important; }
html[data-theme="light"] .wwd-editorial-sub { color: rgba(10,11,13,0.72) !important; }
html[data-theme="light"] .wwd-closing { color: rgba(10,11,13,0.55) !important; }
html[data-theme="light"] .pillars-editorial-h { color: #0a0b0d !important; }
html[data-theme="light"] .pillars-close { color: #0a5c42 !important; }
html[data-theme="light"] .wwd-editorial .svc-mint { color: #0a5c42 !important; }
html[data-theme="light"] .wwd-editorial .svc-gold { color: #8a6a1f !important; }

/* --- pricing.html specifics --- */
html[data-theme="light"] .tier,
html[data-theme="light"] .plan-card,
html[data-theme="light"] .price-card {
  background: #ffffff !important;
  border-color: rgba(10,11,13,0.08) !important;
  color: #0a0b0d !important;
}
html[data-theme="light"] .plan-card :is(h1,h2,h3,h4,p,li,span:not(.gold):not(.mint)) { color: inherit !important; }
html[data-theme="light"] .plan-card p,
html[data-theme="light"] .plan-card li { color: rgba(10,11,13,0.68) !important; }

/* --- Color scheme meta --- */
html[data-theme="light"] ::selection { background: rgba(217,182,113,0.28); color: #2a1f06; }

/* =========================================================================
   /LIGHT THEME
   ========================================================================= */