/* ════════════════════════════════════════════
   AI Futuristic — Token File
   Deep navy · Glassmorphism · Electric blue
   Cyan glow · Purple accents
   APPEX360 Global Theme Engine — Release 18.0
   ════════════════════════════════════════════ */

body.theme-ai-futuristic {
  --surface-page: #08111f;
  --surface-card: #121d33;
  --surface-card-hover: #1b2742;
  --surface-elevated: #1b2742;
  --surface-inset: #0a1424;
  --surface-overlay: rgba(0, 0, 0, 0.7);
  --surface-border: #2b3f69;
  --surface-border-hover: #4f7cff;

  --text-primary: #f5f7ff;
  --text-secondary: #a8b7d8;
  --text-muted: #6b83b0;
  --text-link: #4f7cff;
  --text-on-primary: #ffffff;

  --color-primary: #4f7cff;
  --color-primary-hover: #3b6bfa;
  --color-primary-light: rgba(79, 124, 255, 0.15);

  --accent: #4f7cff;
  --accent-hover: #3b6bfa;
  --accent-soft: rgba(79, 124, 255, 0.12);
  --accent-secondary: #18d6ff;

  --success: #2fd48c;
  --success-light: rgba(47, 212, 140, 0.15);
  --warning: #ffb545;
  --warning-light: rgba(255, 181, 69, 0.15);
  --danger: #ff5f73;
  --danger-light: rgba(255, 95, 115, 0.15);
  --info: #4f7cff;
  --info-light: rgba(79, 124, 255, 0.15);

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

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

  --nav-bg: rgba(8, 17, 31, 0.92);
  --nav-border: rgba(79, 124, 255, 0.1);
  --nav-text: rgba(255, 255, 255, 0.55);
  --nav-text-hover: #f5f7ff;
  --nav-active-bg: rgba(79, 124, 255, 0.15);

  --sidebar-bg: rgba(8, 17, 31, 0.95);
  --sidebar-border: rgba(79, 124, 255, 0.1);
  --sidebar-text: rgba(255, 255, 255, 0.5);
  --sidebar-active-bg: rgba(79, 124, 255, 0.15);

  --btn-bg: linear-gradient(135deg, #4f7cff, #7c5cff);
  --btn-text: #ffffff;
  --btn-radius: 8px;
  --btn-height: 44px;

  --input-bg: rgba(18, 29, 51, 0.6);
  --input-border: rgba(79, 124, 255, 0.2);
  --input-focus: #4f7cff;

  --badge-radius: 20px;

  --chart-grid: rgba(79, 124, 255, 0.12);
  --chart-axis: #a8b7d8;

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