/* dwellohomes.net V3 — design tokens (ported from the brand lab)
   Everything is a variable applied globally. To re-theme the whole site, change the
   values in the "COLOR" block (and the dark overrides). TEMP-LOCKED this session:
   Bright Orange · General Sans + Satoshi · Satisfy "home" accent (1.3× bump) · Ember AI. Flip anytime. */
:root{
  color-scheme: light;

  /* TYPE */
  --font-display:"General Sans", system-ui, sans-serif;
  --font-body:"Satoshi", system-ui, sans-serif;
  --font-accent:"Satisfy", cursive;
  --accent-scale:1.3;   /* Satisfy renders small inline — bump so the "home" accent matches the display words */

  /* RADIUS (tightened / less-round scale) */
  --r-xs:6px; --r-sm:7px; --r:8px; --r-md:9px; --r-lg:12px; --r-xl:15px; --r-pill:999px;

  /* COLOR — TEMP LOCK: Bright Orange (flip these 10 lines to re-theme) */
  --ground:#FFFFFF;
  --card:#FFFFFF;
  --surface:#FBF7F4;
  --ink:#1A140F;
  --ink-soft:#4A3F38;
  --muted:#736A62;   /* darkened from #8A7D74 to clear WCAG AA 4.5:1 on white (was 3.98:1) — visually near-identical */
  --border:#ECE6E1;
  --accent:#FF6A00;      --accent-ink:#FFFFFF;
  --accent2:#2B2119;     --accent2-ink:#FFFFFF;
  --bar-bg:rgba(255,255,255,.86);

  /* AI — Ember (amber → coral → magenta) */
  --ai1:#F5A524; --ai2:#F5533B; --ai3:#EE3A6E; --ai4:#E8237A;
  --ai-grad:linear-gradient(120deg, var(--ai1), var(--ai2), var(--ai3), var(--ai4));

  /* STATUS (semantic — separate from the brand accent) */
  --st-active:#12B76A; --st-coming:#BE8A2E; --st-uc:#F79009;
  --st-pending:#F5453B; --st-sold:#6B7280; --st-closed:#45464D;

  /* FORM VALIDATION (error / success) */
  --err:#D64532; --ok:#12A150;

  /* ELEVATION — two levels, reused everywhere. Rest = subtle float, lift = hover. */
  --shadow-card:0 1px 2px rgba(20,15,10,.04), 0 8px 20px -14px rgba(20,15,10,.28);
  --shadow-lift:0 2px 6px rgba(20,15,10,.06), 0 18px 36px -20px rgba(20,15,10,.42);
}

:root[data-theme="dark"]{
  color-scheme: dark;
  --ground:#161618;
  --card:#2A2A2C;
  --surface:#1F1F21;
  --ink:#F1F1F2;
  --ink-soft:#B7B7BE;
  --muted:#86868C;
  --border:#323236;
  --bar-bg:rgba(22,22,24,.82);
  --err:#F0685C; --ok:#3FBE6E;
  /* on dark grey, light shadows vanish — stronger black + a faint top highlight */
  --shadow-card:0 1px 2px rgba(0,0,0,.5), 0 10px 24px -16px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.04);
  --shadow-lift:0 2px 6px rgba(0,0,0,.55), 0 22px 44px -18px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.06);
}