/* AUTO-GENERATED by scripts/build-marketing.js — DO NOT EDIT BY HAND
 * Source: public/index.html (:root + [data-theme] blocks)
 * Scoped to .wf-app so marketing replicas render with the real app palette.
 */

.wf-app {
  --bg-void: #f7f4ef;
  --bg-base: #efebe4;
  --bg-raised: #e8e3db;
  --bg-panel: #ddd7cd;
  --bg-hover: #d2cbc0;
  --bg-active: #c8c0b4;
  --border: #d4cdc2;
  --border-light: #c4bdb1;
  --gold: #8b7355;
  --gold-dim: #6b5940;
  --gold-bright: #a58e6e;
  --white: #1a1814;
  --off-white: #3a3630;
  --muted: #7a7468;
  --faint: #b0a89c;
  --green: #4caf85;
  --green-dim: #1e3d30;
  --red: #e05c5c;
  --red-dim: #3d1e1e;
  --amber: #d4963a;
  --amber-dim: #3d2e14;
  --blue: #6b9fd4;
  --blue-dim: #1e2d3d;
  /* FEAT-12: extra stage colors */
  --purple: #a088c9;
  --purple-dim: #2b1e3d;
  --teal: #4fb2b2;
  --teal-dim: #133535;
  /* Accent tints — soft category colors */
  --tint-inventory: #f9f6f1;
  --tint-deals: #f2f8f5;
  --tint-revenue: #faf6ef;
  --tint-contacts: #f0f5fa;
  --tint-inventory-border: rgba(139,115,85,0.2);
  --tint-deals-border: rgba(76,175,133,0.18);
  --tint-revenue-border: rgba(212,150,58,0.18);
  --tint-contacts-border: rgba(107,159,212,0.18);
  --sidebar-w: 232px;
  --topbar-h: 44px;
  --radius: 10px;
  --radius-lg: 14px;
  --shadow: 0 4px 24px rgba(0,0,0,0.08);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.03);
}

.wf-app[data-theme="obsidian-rose"] {
  --bg-void: #0b0a0c; --bg-base: #121114; --bg-raised: #1a181e; --bg-panel: #211e26;
  --bg-hover: #2a2630; --bg-active: #322d38; --border: #2e2a34; --border-light: #3d3844;
  --gold: #c4868a; --gold-dim: #8a4f52; --gold-bright: #e0a5a8;
  --tint-inventory: #1e1a1e; --tint-deals: #121a17;
  --tint-revenue: #1e1a14; --tint-contacts: #14181e;
  --tint-inventory-border: rgba(196,134,138,0.15); --tint-deals-border: rgba(76,175,133,0.15);
  --tint-revenue-border: rgba(212,150,58,0.15); --tint-contacts-border: rgba(107,159,212,0.15);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.2), 0 4px 16px rgba(0,0,0,0.15);
}

.wf-app[data-theme="royal-navy"] {
  --bg-void: #080b10; --bg-base: #0d1118; --bg-raised: #131a24; --bg-panel: #19222e;
  --bg-hover: #1f2a38; --bg-active: #263242; --border: #1e2a38; --border-light: #2d3d50;
  --gold: #7ba4c9; --gold-dim: #456a8a; --gold-bright: #a0c4e0;
  --tint-inventory: #141a22; --tint-deals: #101a16;
  --tint-revenue: #1a1810; --tint-contacts: #10161e;
  --tint-inventory-border: rgba(123,164,201,0.15); --tint-deals-border: rgba(76,175,133,0.15);
  --tint-revenue-border: rgba(212,150,58,0.15); --tint-contacts-border: rgba(107,159,212,0.15);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.2), 0 4px 16px rgba(0,0,0,0.15);
}

.wf-app[data-theme="midnight-gold"] {
  --bg-void: #0a0a0b; --bg-base: #111113; --bg-raised: #18181c; --bg-panel: #1e1e23;
  --bg-hover: #24242a; --bg-active: #2a2a32; --border: #2a2a30; --border-light: #333340;
  --gold: #c9a96e; --gold-dim: #8a6f45; --gold-bright: #e8c990;
  --white: #f0ede8; --off-white: #c8c4bc; --muted: #7a7880; --faint: #44424a;
  --tint-inventory: #1a1812; --tint-deals: #121a16;
  --tint-revenue: #1a1610; --tint-contacts: #12161a;
  --tint-inventory-border: rgba(201,169,110,0.15); --tint-deals-border: rgba(76,175,133,0.15);
  --tint-revenue-border: rgba(212,150,58,0.15); --tint-contacts-border: rgba(107,159,212,0.15);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.2), 0 4px 16px rgba(0,0,0,0.15);
}

.wf-app[data-theme="carbon-titanium"] {
  --bg-void: #0c0d0e; --bg-base: #131416; --bg-raised: #1b1c1f; --bg-panel: #222326;
  --bg-hover: #2a2b2f; --bg-active: #323338; --border: #2c2d32; --border-light: #3a3b42;
  --gold: #6db4d4; --gold-dim: #3a7a9a; --gold-bright: #90d0ea;
  --tint-inventory: #141a1e; --tint-deals: #101a16;
  --tint-revenue: #1a1610; --tint-contacts: #10141e;
  --tint-inventory-border: rgba(109,180,212,0.15); --tint-deals-border: rgba(76,175,133,0.15);
  --tint-revenue-border: rgba(212,150,58,0.15); --tint-contacts-border: rgba(107,159,212,0.15);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.2), 0 4px 16px rgba(0,0,0,0.15);
}

.wf-app {
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
  color: var(--white);
  background: var(--bg-void);
}
.wf-app * { box-sizing: border-box; }
.wf-app .serif { font-family: 'Cormorant Garamond', serif; }
.wf-app .mono { font-family: 'DM Mono', monospace; }