/**
 * Pay Hub / dashboard-cc tokens (source: staging.centyhq.com B2B Pay Hub).
 * Scoped to LMS shell — do not edit hex here without syncing centyhq client.
 */
.dashboard-cc,
.layout-cc,
#app-shell {
  --bg: #f7f8fa;
  --surface: #ffffff;
  --surface2: #f2f4f7;
  --surface3: #eaecf0;
  --border: #e4e7ed;
  --border2: #d0d5de;
  --green: #00a865;
  --green-lt: #e6f7f0;
  --green-mid: #b3e8d4;
  --green-dk: #007a49;
  --amber: #d97706;
  --amber-lt: #fef3c7;
  --amber-dk: #92400e;
  --red: #dc2626;
  --red-lt: #fee2e2;
  --rose: #e11d48;
  --rose-lt: #fff1f2;
  --rose-mid: #fecdd3;
  --rose-dk: #be123c;
  --blue: #2563eb;
  --blue-lt: #eff6ff;
  --blue-mid: #bfdbfe;
  --blue-dk: #1d4ed8;
  --purple: #7c3aed;
  --purple-lt: #f5f3ff;
  --purple-mid: #ddd6fe;
  --purple-dk: #6d28d9;
  --teal: #0891b2;
  --teal-lt: #ecfeff;
  --text: #111827;
  --text2: #374151;
  --text3: #6b7280;
  --text4: #9ca3af;
  --mono: "DM Mono", monospace;
  --sans: "DM Sans", sans-serif;
  --t-display: 18px;
  --t-label: 14px;
  --t-body: 13px;
  --t-small: 12px;
  --t-micro: 10px;
  --t-data: 12px;
  --r: 8px;
  --r2: 12px;
  --shadow: 0 1px 3px #0000000d, 0 1px 2px #0000000a;
  --shadow-md: 0 4px 16px #00000010;
  font-family: var(--sans);
  background: var(--bg);
  color: var(--text);
}