/* ══════════════════════════════════════════════
   DW Portal — Per-Pillar Color Themes
   ══════════════════════════════════════════════
   Each pillar sets data-pillar="..." on .app-layout.
   This file maps pillar IDs to brand colors.
   ══════════════════════════════════════════════ */

/* ── MARKETING OPERATIONS — Red ── */
[data-pillar="marops"] {
  --pillar-primary: #e53e3e;
  --pillar-dark: #a82a2a;
  --pillar-bg: #fef2f2;
  --pillar-border: #fecaca;
}

/* ── REVENUE OPERATIONS — Serious Blue ── */
[data-pillar="revops"] {
  --pillar-primary: #1e5ba8;
  --pillar-dark:   #0d3a6f;
  --pillar-bg:     #eff6ff;
  --pillar-border: #bfdbfe;
}

/* ── PRODUCT & CHANNEL OPS — Saturated Teal ── */
[data-pillar="prodops"] {
  --pillar-primary: #00a8a8;
  --pillar-dark:   #006b6b;
  --pillar-bg:     #f0fdfa;
  --pillar-border: #99f6e4;
}

/* ── CUSTOMER SUCCESS OPS — Deep Purple ── */
[data-pillar="csops"] {
  --pillar-primary: #6b4c9a;
  --pillar-dark:   #3d2452;
  --pillar-bg:     #faf5ff;
  --pillar-border: #ddd6fe;
}

/* ── SALES OPERATIONS — Emerald Green ── */
[data-pillar="salesops"] {
  --pillar-primary: #1a7a52;
  --pillar-dark:   #0a4a30;
  --pillar-bg:     #f0fdf8;
  --pillar-border: #a7f3d0;
}

/* ══════════════════════════════════════════════
   Stage Tints — data-stage on .portal
   Applied on top of pillar theme, pillar-independent.
   ══════════════════════════════════════════════ */

[data-stage="problem"] .card {
  background: #fff7ed !important;
  border-top: 3px solid #f97316 !important;
}

[data-stage="proposal"] .card {
  background: #eef2ff !important;
  border-top: 3px solid #818cf8 !important;
}

[data-stage="project"] .card {
  background: #ecfdf5 !important;
  border-top: 3px solid #34d399 !important;
}
[data-stage="project"] .ap-body,
[data-stage="project"] .doc-body {
  background: #ecfdf5 !important;
}

[data-stage="process"] .card {
  background: #f5f3ff !important;
  border-top: 3px solid #a78bfa !important;
}