/* ════════════════════════════════════════════
   Custom Brand — Token File
   Uses tenant branding colours from database
   APPEX360 Global Theme Engine — Release 18.0
   ════════════════════════════════════════════ */

body.theme-custom-brand {
  --surface-page: #0b1120;
  --surface-card: rgba(255, 255, 255, 0.03);
  --surface-card-hover: rgba(255, 255, 255, 0.06);
  --surface-elevated: rgba(255, 255, 255, 0.06);
  --surface-inset: rgba(0, 0, 0, 0.3);
  --surface-overlay: rgba(0, 0, 0, 0.6);
  --surface-border: rgba(255, 255, 255, 0.08);
  --surface-border-hover: rgba(255, 255, 255, 0.15);

  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-link: var(--accent);
  --text-on-primary: #ffffff;

  --color-primary: var(--accent);
  --color-primary-hover: var(--accent-hover);
  --color-primary-light: var(--accent-soft);

  --accent: #7C5CFF;
  --accent-hover: #6B4DE8;
  --accent-soft: rgba(124, 92, 255, 0.12);
  --accent-secondary: #a78bfa;

  --success: #10b981;
  --success-light: rgba(16, 185, 129, 0.12);
  --warning: #f59e0b;
  --warning-light: rgba(245, 158, 11, 0.12);
  --danger: #ef4444;
  --danger-light: rgba(239, 68, 68, 0.12);
  --info: #60a5fa;
  --info-light: rgba(96, 165, 250, 0.12);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 20px rgba(124, 92, 255, 0.2);

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  --nav-bg: rgba(11, 17, 32, 0.95);
  --nav-border: rgba(255, 255, 255, 0.06);
  --nav-text: rgba(255, 255, 255, 0.5);
  --nav-text-hover: #e2e8f0;
  --nav-active-bg: var(--accent-soft);

  --sidebar-bg: rgba(11, 17, 32, 0.98);
  --sidebar-border: rgba(255, 255, 255, 0.06);
  --sidebar-text: rgba(255, 255, 255, 0.5);
  --sidebar-active-bg: var(--accent-soft);

  --btn-bg: var(--accent);
  --btn-text: #ffffff;
  --btn-radius: 8px;
  --btn-height: 44px;

  --input-bg: rgba(255, 255, 255, 0.05);
  --input-border: rgba(255, 255, 255, 0.12);
  --input-focus: var(--accent);

  --badge-radius: 20px;

  --chart-grid: rgba(255, 255, 255, 0.08);
  --chart-axis: #94a3b8;

  --category-financial: #f59e0b;
  --category-risk: #ef4444;
  --category-governance: #3b82f6;
  --category-intelligence: #8b5cf6;
  --category-operations: #14b8a6;
  --category-executive: #818cf8;
}