/**
 * eXthus Apps Portal — design tokens (light body, dark chrome)
 * Mirrored from exthus.com portal + exthus.app marketing site
 */
:root {
  --ex-black: #050607;
  --ex-dark: #0a0d12;
  --ex-chrome: #050607;
  --ex-chrome-panel: #11171c;
  --ex-lime: #8fe000;
  --ex-lime-bright: #64f500;
  --ex-lime-soft: rgba(143, 224, 0, 0.12);
  --ex-lime-glow: rgba(143, 224, 0, 0.35);
  --ex-bg: #f4f7fa;
  --ex-panel: #ffffff;
  --ex-panel-2: #eef2f6;
  --ex-text: #0f1419;
  --ex-muted: #5a6578;
  --ex-line: rgba(15, 20, 25, 0.08);
  --ex-line-strong: rgba(15, 20, 25, 0.14);
  --ex-text-on-dark: #f4f6f8;
  --ex-muted-on-dark: rgba(220, 228, 242, 0.68);
  --ex-line-on-dark: rgba(255, 255, 255, 0.08);
  --ex-radius: 20px;
  --ex-radius-sm: 12px;
  --ex-header-h: 72px;
  --ex-page-gutter: 20px;
  --ex-wrap: min(1180px, calc(100% - (var(--ex-page-gutter) * 2)));
  --ex-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ex-portal-bar-h: 36px;
  --ex-shadow: 0 16px 48px rgba(5, 6, 7, 0.08);
  --ex-shadow-lg: 0 24px 64px rgba(5, 6, 7, 0.12);
  --ex-link: #2f6b00;

  /* Bootstrap / WHMCS overrides */
  --primary: var(--ex-lime);
  --secondary: var(--ex-muted);
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: var(--ex-panel);
  --dark: var(--ex-black);
  --body-bg: var(--ex-bg);
  --body-color: var(--ex-text);
}