/* RPAtrade identity. Load first; no Bootstrap copy or build step required. */
@font-face {
  font-family: Inter;
  src: url('../fonts/inter-variable.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Space Grotesk';
  src: url('../fonts/space-grotesk-variable.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
}
.rpa-ui {
  --rpa-color-bg: #0b0b0b;
  --rpa-color-surface: #111;
  --rpa-color-card: #181818;
  --rpa-color-border: #343434;
  --rpa-color-accent: #17ce7c;
  --rpa-color-text: #f5f5f5;
  --rpa-color-muted: #ababab;
  --rpa-color-action-text: #071b10;
  --rpa-color-accent-hover: #30df91;
  --rpa-color-button-hover: #70e9ab;
  --rpa-color-nav-active: #17251e;
  --rpa-color-nav-border: #274a38;
  --rpa-color-today: #173323;
  --rpa-color-badge-border: #25513c;
  --rpa-color-scrim: #000a;
  --rpa-color-neutral-9e9e9e: #9e9e9e;
  --rpa-color-neutral-858585: #858585;
  --rpa-color-neutral-bdbdbd: #bdbdbd;
  --rpa-color-neutral-888: #888;
  --rpa-color-neutral-202020: #202020;
  --rpa-color-neutral-fff: #fff;
  --rpa-color-neutral-bcbcbc: #bcbcbc;
  --rpa-color-neutral-292929: #292929;
  --rpa-color-neutral-0f0f0f: #0f0f0f;
  --rpa-color-neutral-aaa: #aaa;
  --rpa-color-neutral-eee: #eee;
  --rpa-color-neutral-666: #666;
  --rpa-color-neutral-161616: #161616;
  --rpa-color-neutral-3a3a3a: #3a3a3a;
  --rpa-color-neutral-999: #999;
  --rpa-color-neutral-ccc: #ccc;
  --rpa-color-neutral-a4a4a4: #a4a4a4;
  --rpa-color-neutral-3b3b3b: #3b3b3b;
  --rpa-color-neutral-555: #555;
  --rpa-color-neutral-777: #777;
  --rpa-color-neutral-ddd: #ddd;
  --rpa-color-neutral-e8e8e8: #e8e8e8;
  --rpa-color-neutral-151515: #151515;
  --rpa-color-neutral-bbb: #bbb;
  --rpa-color-neutral-969696: #969696;
  --rpa-color-neutral-141414: #141414;
  --rpa-font-body: Inter, Arial, sans-serif;
  --rpa-font-heading: 'Space Grotesk', Inter, sans-serif;
  --rpa-font-display: 'Space Grotesk', sans-serif;
  --rpa-radius-xs: 4px;
  --rpa-radius-button: 5px;
  --rpa-radius-sm: 6px;
  --rpa-radius-input: 7px;
  --rpa-radius-card: 8px;
  --rpa-radius-lg: 10px;
  --rpa-radius-round: 50%;
  --rpa-space-1: 4px;
  --rpa-space-2: 8px;
  --rpa-space-3: 12px;
  --rpa-space-4: 16px;
  --rpa-space-5: 20px;
  --rpa-space-6: 24px;
  --rpa-space-8: 32px;
  --rpa-space-10: 40px;
  --rpa-touch-target: 44px;
  /* Compatibility aliases: existing hub-* markup/inline values stay valid. */
  --hub-bg: var(--rpa-color-bg);
  --hub-panel: var(--rpa-color-surface);
  --hub-card: var(--rpa-color-card);
  --hub-line: var(--rpa-color-border);
  --hub-green: var(--rpa-color-accent);
  --hub-text: var(--rpa-color-text);
  --hub-muted: var(--rpa-color-muted);
}