/**
 * BrokerHub institutional design tokens
 */
:root {
  --ox-bg: #0a0c10;
  --ox-bg-elevated: #12151c;
  --ox-sidebar: #0e1118;
  --ox-card: #181c26;
  --ox-card-hover: #1e2430;
  --ox-border: #2a3140;
  --ox-border-subtle: #1f2430;
  --ox-text: #f3f4f6;
  --ox-text-secondary: #9ca3af;
  --ox-text-muted: #6b7280;
  --ox-accent: #38bdf8;
  --ox-accent-dim: rgba(56, 189, 248, 0.12);
  --ox-success: #34d399;
  --ox-success-dim: rgba(52, 211, 153, 0.12);
  --ox-warning: #fbbf24;
  --ox-warning-dim: rgba(251, 191, 36, 0.12);
  --ox-danger: #fb7185;
  --ox-danger-dim: rgba(251, 113, 133, 0.12);
  /* Form field surfaces — lifted from card for visibility */
  --ox-input-bg: #1c2333;
  --ox-input-bg-hover: #222b3d;
  --ox-input-bg-focus: #1a2230;
  --ox-input-border: #3d4f66;
  --ox-input-border-hover: #4d6280;
  --ox-input-text: #f9fafb;
  --ox-input-label: #b0bac9;
  --ox-sidebar-width: 220px;
  --ox-topbar-height: 64px;
  --ox-radius-sm: 8px;
  --ox-radius-md: 12px;
  --ox-radius-lg: 16px;
  --ox-font-sans: "Inter", system-ui, -apple-system, sans-serif;
  --ox-font-mono: "JetBrains Mono", ui-monospace, monospace;
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
  font-family: var(--ox-font-mono);
}