/* ══════════════════════════════════════════════════════════════
   WAI BRAND — Workplace AI (the product)
   
   Used on: workplace-ai.com
   Visual identity: Clean white canvas, electric violet primary,
   blue secondary. Sharper, more product/SaaS.

   Requires: soar-base.css loaded first
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ── Backgrounds (4 registers + accent) ── */
  --bg:             #ffffff;
  --bg-alt:         #fafafa;
  --bg-dark:        #01081b;       /* near-black */
  --bg-dark-alt:    #2a0066;       /* deep violet */
  --bg-accent:      #f4edfc;       /* lavender */

  /* ── Foreground ── */
  --fg-body:        #01081b;       /* high contrast */
  --fg-muted:       #4d525f;
  --fg-subtle:      #8a8f9a;
  --fg-on-dark-muted: rgba(255,255,255,0.85);

  /* ── Brand Colors ── */
  --brand:          #8100ff;       /* electric violet */
  --brand-dark:     #6600cc;       /* violet hover */
  --brand-blue:     #2e68fd;       /* secondary */
  --brand-tint:     #f4edfc;       /* lavender tint */
  --brand-subtle:   #faf7ff;       /* barely-there violet */

  /* ── Borders ── */
  --border:         rgba(1,8,27,0.08);
  --border-light:   rgba(255,255,255,0.10);

  /* ── Shadows ── */
  --shadow-card:    0 1px 3px rgba(1,8,27,0.06), 0 0 0 1px rgba(1,8,27,0.04);
  --shadow-hover:   0 2px 8px rgba(1,8,27,0.04), 0 0 0 1px rgba(1,8,27,0.08);
  --shadow-brand:   0 4px 12px rgba(129,0,255,0.12);
}

/* ── WAI overrides ── */
body {
  color: var(--fg-body);
  background: var(--bg);
}

.eyebrow { color: var(--fg-subtle); }
.eyebrow-brand { color: var(--brand); }

.nav {
  background: rgba(255,255,255,0.96);
  border-bottom: 1px solid var(--border);
}
.nav-logo-text { color: var(--fg-body); }
.nav-links a { color: var(--fg-muted); }
.nav-links a:hover { color: var(--fg-body); }

.btn-primary:hover {
  background: var(--brand-dark);
}