/* IB app tokens: the Echelon IB Hub palette (theechelonhub.trade, dark mode), measured from the
   rendered hub on 2026-10-19. Loaded only by the IB service's base templates, after tokens.css,
   so the shared stylesheets render in the hub's navy without changing the member app.
   Dark only, like the member app (owner decision 2026-10-19: the hub's light mode is not used). */

:root {
  /* Surfaces: hub navy, navy2 and navy3 */
  --background: #0b1f3b;
  --card: #0e2140;
  --muted: #112546;          /* field fill: white at ~4% over card */
  --secondary: #15294d;      /* hub "muted": tab tracks, skeletons, quiet fills */
  --accent: #1a3159;         /* hover fill on rows, menu items and quiet buttons */
  --border: #ffffff1a;       /* hub border: white 10% */
  --hair: #ffffff14;
  --hair-strong: #ffffff24;  /* hub input border: white 14% */
  --border-hover: #ffffff3d;
  --navy: #0b1f3b;
  --navy-top: #15294d;       /* top of the nav bar gradient */

  /* Text */
  --foreground: #eef1f7;
  --muted-foreground: #93a2ba;
  --nav-foreground: #9fb2cf;
  --nav-foreground-hover: #e8eefa;

  /* Quiet fills over navy: field and secondary-button fill, hover, row hover */
  --fill-quiet: #ffffff0b;
  --fill-hover: #ffffff0f;
  --row-hover: #15294d80;
  --gold-edge: #d8b65873;    /* the role pill's outline */

  /* Action: the hub's primary action is gold on navy; blue (royal) carries links, kickers,
     focus and selection. */
  --primary: #2f5bff;
  --primary-hover: #3f68ff;
  --primary-link: #5c85ff;
  --ring: #5c85ff;
  --link-line: #5c85ff66;    /* the quiet underline on table links */
  --gold: #d8b658;
  --gold-soft: #e3c878;
  --gold-line: #d8b658cc;
  --gold-fill: #d8b65826;
  --on-gold: #0b1f3b;

  /* State (hub ok / warn / bad), always paired with a text label */
  --bull: #3fcf9c;
  --bear: #f0708a;
  --warn: #e0ab4c;
  --bull-text: #6ee0b5;
  --bear-text: #f7a1b3;
  --warn-text: #f0c47a;

  /* Signed-out card (the hub's sign-in card) and its solid gold button */
  --gate-card: #09101ca8;
  --gate-edge: #82a0dc33;
  --gate-lede: #8fa0be;
  --gold-solid: #d0ac37;
  --gold-solid-hover: #dcba4e;
  --radius-gate: 20px;

  --scrim: #050d1acc;
  --shadow-float: #000000b3;

  /* Data: the hub sets figures in Montserrat with tabular numerals, not a mono face. */
  --font-mono: var(--font-sans);

  /* Shape: the hub is rounder than the member app */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-bar: 18px;        /* the top bar */
  --radius-tab: 8px;         /* a tab inside a 10px track */
  --radius-pill: 999px;      /* chips, role pill, underline bars */
  --radius-mark: 2px;        /* legend swatches and comparison bars */

  --content: 87.5rem; /* 1400px, the hub's content column */
}