/* ==========================================================================
   VESTEX design tokens — single source of the app-wide :root CSS variables.
   Link this on app pages so brand theming (var(--app-*)) resolves everywhere,
   including app pages that don't load style.css (kyc, legal/*, auth/action).
   Default values = Vestex, identical to style.css :root → ZERO visual diff.
   Per-domain brand override is applied at runtime by config.js applyBrandTheme().
   ========================================================================== */
:root {
  --app-surface-1: #1a1a1f;
  --app-surface-2: #111827;
  --app-surface-card: #1a1a2e;
  --app-border: rgba(255, 255, 255, 0.06);
  /* whitelabel neutrals (LB1) — Vestex dark defaults; Ultimo overrides to light. */
  --app-bg: #222228;
  --app-shell-bg: #131316;
  --app-content-overlay-rgb: 255, 255, 255;
  --app-dark-overlay-rgb: 255, 255, 255;
  --app-radius-md: 12px;
  --app-radius-sm: 8px;
  --app-text-strong: #e2e8f0;
  --app-text-muted: #8a94a6;
  --app-text-1: #e0e0e8;
  --app-text-muted-2: #8a8a9a;
  --app-text-muted-3: #a8a8b8;
  --app-text-white: #ffffff;
  --app-primary: #5cb8e6;
  --app-primary-hover: #4da8d6;
  --app-primary-grad-end: #4a9cd4;
  --app-primary-fg: #0a0e17;
  --app-buy: #5cb8e6;
  --app-sell: #e0a050;
  /* z-index layers */
  --z-topbar: 900;
  --z-flyout: 1000;
  --z-sidebar-overlay: 1100;
  --z-sidebar: 1110;
  --z-modal: 1200;
  --z-toast: 1300;
}