/* ══════════════════════════════════════════════════════════════
   WAIFOA BRAND — Workplace Fleet of Agents
   
   Used on: fleet.workplace-ai.com, fleet.soar.com
   Visual identity: Warm cream canvas, deep purple primary,
   agent color system. Warmest identity in portfolio.

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

:root {
  /* ── Backgrounds (4 registers + accent) ── */
  --bg:             #F5F4EF;       /* warm off-white */
  --bg-alt:         #EFEDE7;       /* mid-cream */
  --bg-card:        #EFEDE7;       /* alias for card context */
  --bg-dark:        #1a1917;       /* charcoal */
  --bg-dark-alt:    #2d1f6e;       /* deep purple */
  --bg-accent:      #E4EBF2;       /* steel blue */
  --bg-purple:      #2d1f6e;       /* alias for legacy compat */

  /* ── Foreground ── */
  --fg-body:        #1a1917;
  --fg-muted:       #6b6a65;
  --fg-subtle:      #9a9993;
  --fg-light:       #F5F4EF;
  --fg-lm:          rgba(245,244,239,0.6);
  --fg-on-dark-muted: rgba(245,244,239,0.8);
  --border-purple:  rgba(255,255,255,0.10);

  /* ── Brand Colors ── */
  --brand:          #5840d4;       /* deep purple */
  --brand-dark:     #4632a8;       /* purple hover */
  --brand-mid:      #7b66dc;
  --brand-soft:     #a898e8;
  --brand-tint:     #ede9f9;
  --brand-subtle:   #f5f3fd;

  /* ── Agent Colors ── */
  --a1: #E8623A;   /* CHRONICLE — coral/orange */
  --a2: #D4A843;   /* FLOW — gold/amber */
  --a3: #4A8BC4;   /* MAP — steel blue */
  --a4: #1A9E7A;   /* DRAFT — teal/green */
  --a5: #CF6B87;   /* NUDGE — rose/pink */

  /* ── Borders ── */
  --border:         rgba(26,25,23,0.09);
  --border-light:   rgba(245,244,239,0.10);

  /* ── Shadows ── */
  --shadow-card:    0 1px 3px rgba(26,25,23,0.06), 0 0 0 1px rgba(26,25,23,0.05);
  --shadow-hover:   0 2px 8px rgba(26,25,23,0.04), 0 0 0 1px rgba(26,25,23,0.08);
  --shadow-brand:   0 4px 12px rgba(88,64,212,0.15);
}

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

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

.nav {
  background: rgba(245,244,239,0.94);
  border-bottom: 1px solid var(--border);
}
.nav-logo-text {
  color: var(--fg-body);
  letter-spacing: 0.06em;
}
.nav-links a { color: var(--fg-muted); }
.nav-links a:hover { color: var(--fg-body); }

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

/* Agent node icons */
.agent-node-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Shimmer CTA */
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}
.btn-shimmer {
  background-size: 200% auto;
  background-image: linear-gradient(90deg,
    var(--brand) 0%, var(--brand-mid) 40%,
    #a898e8 50%, var(--brand-mid) 60%, var(--brand) 100%);
  animation: shimmer 2.4s linear infinite;
}