:root {
  --bm-bg: #f4f0ea;
  --bm-surface: #fffcf7;
  --bm-ink: #1e1c18;
  --bm-muted: #5a5248;
  --bm-stone: #2e2a24;
  --bm-amber: #b8620a;
  --bm-snow: #8fb8d4;
  --bm-border: #e0d8cc;

  --foundry-bg: var(--bm-bg);
  --foundry-surface: var(--bm-surface);
  --foundry-surface-soft: #fbf7f1;
  --foundry-text: var(--bm-ink);
  --foundry-text-muted: var(--bm-muted);
  --foundry-border: var(--bm-border);
  --foundry-border-strong: #cfc4b5;
  --foundry-brand-primary: var(--bm-amber);
  --foundry-brand-primary-strong: #9c4f07;
  --foundry-brand-accent: var(--bm-snow);
  --foundry-link: #975009;
  --foundry-link-hover: #6f3a06;

  --re-bg: var(--bm-bg);
  --re-surface: var(--bm-surface);
  --re-ink: var(--bm-ink);
  --re-muted: var(--bm-muted);
  --re-forest: var(--bm-stone);
  --re-amber: var(--bm-amber);
  --re-border: var(--bm-border);
}

.dark,
[data-theme="dark"] {
  --bm-bg: #14110d;
  --bm-surface: #1f1a14;
  --bm-ink: #f4ecdf;
  --bm-muted: #c4b8a8;
  --bm-stone: #17120d;
  --bm-amber: #db8d37;
  --bm-snow: #9bbdd4;
  --bm-border: #3a3128;

  --foundry-bg: var(--bm-bg);
  --foundry-surface: var(--bm-surface);
  --foundry-surface-soft: #261f18;
  --foundry-text: var(--bm-ink);
  --foundry-text-muted: var(--bm-muted);
  --foundry-border: var(--bm-border);
  --foundry-border-strong: #54463a;
  --foundry-brand-primary: var(--bm-amber);
  --foundry-brand-primary-strong: #f0ab58;
  --foundry-brand-accent: var(--bm-snow);
  --foundry-link: #f0ab58;
  --foundry-link-hover: #ffd2a0;

  --re-bg: var(--bm-bg);
  --re-surface: var(--bm-surface);
  --re-ink: var(--bm-ink);
  --re-muted: var(--bm-muted);
  --re-forest: #100c09;
  --re-amber: var(--bm-amber);
  --re-border: var(--bm-border);
}

/* ============================================================
   Phase 9: Concierge Real Estate — Flow System Integration
   Maps foundry-flow.css background tokens to First Light palette
   ============================================================ */

:root {
  /* Flow system bg token overrides */
  --foundry-flow-bg-dark: #14110d;
  --foundry-flow-bg-brand: var(--bm-amber);
  --foundry-flow-bg-surface-alt: #1a160f;
  --foundry-flow-bg-light: var(--bm-bg);

  /* Divider color tokens for wave/curve shapes */
  --foundry-divider-fill-dark: #14110d;
  --foundry-divider-fill-light: var(--bm-bg);
  --foundry-divider-fill-surface-alt: #1a160f;
  --foundry-divider-fill-brand: var(--bm-amber);

  /* Stats-band scrub variant — amber accent on dark */
  --foundry-stats-accent: var(--bm-amber);
}

/* Dark mode flow overrides */
[data-theme="dark"],
.dark-mode {
  --foundry-flow-bg-dark: #0e0b08;
  --foundry-flow-bg-brand: #c47820;
  --foundry-flow-bg-surface-alt: #171209;
}

/* Ken Burns hero — warm amber vignette for landscape photos */
.motion-hero-wrap .foundry-kenburns-container::after {
  background: linear-gradient(
    to top,
    rgba(14, 11, 8, 0.85) 0%,
    rgba(14, 11, 8, 0.40) 40%,
    rgba(14, 11, 8, 0.10) 70%,
    transparent 100%
  );
}

/* Amber accent on stats-band values */
.foundry-stats-band .stat-value {
  color: var(--bm-amber);
}

/* CTA section on brand bg — ensure readability */
.foundry-section[data-flow-bg="brand"] {
  --foundry-text-on-bg: #fff;
  --foundry-heading-on-bg: #fff;
}