/* Compare My Fund: theme file.
 *
 * This is the whole color and font surface of the page. index.html already loads
 * this file last, after the bundled stylesheet, so anything set here wins. Edit a
 * value, save, reload. Nothing is compiled and nothing needs rebuilding.
 *
 * Every value below is the current default, so the file changes nothing until you
 * edit it. You can delete any line you are not changing.
 *
 * Everything else in the page derives from these. Charts, bars, ticks, panels,
 * rules, chips and icons all read from here, so there is no color anywhere that
 * this file cannot reach. See THEMING.md for what each one covers and for the
 * contrast notes on the lightest values.
 */

:root {
  /* ---------------------------------------------------------------- charts --
     Nine values control every mark on every chart. */
  --chart-you: #00205b;         /* this fund's own marker */
  --chart-peers: #006bfb;       /* the comparable-funds series */
  --chart-bellwether: #4ab9ff;  /* bellwether reference marks */
  --chart-band: #c4ebff;        /* middle-50% band, drawn at 42% opacity */
  --chart-minority: #91005d;    /* rows where this fund is in a minority */
  --chart-detached: #7f8696;    /* the 2026 point on a reworded question */
  --chart-grid: #e6e8ee;        /* grid lines, tooltip border, hover cursor */
  --chart-axis-text: #4d5566;   /* axis ticks and value labels */
  --chart-surface: #ffffff;     /* tooltip background, marker halo */

  /* ------------------------------------------------------------------ page --
     Masthead, headings, links and body copy. */
  --navy: #00205b;              /* masthead, headings, primary rules */
  --cyan: #4ab9ff;              /* accent on navy, eyebrow text */
  --cyan-text: #006bfb;         /* links and eyebrow text on white */
  --ink: #1b1f28;               /* body text */
  --ink-soft: #333947;          /* field labels, one step lighter than body text */
  --muted: #4d5566;             /* secondary text */
  --muted-soft: #7f8696;        /* captions, source lines, scale ends */

  /* -------------------------------------------------------------- surfaces --
     Panels, tracks, hairlines and the page behind everything. */
  --panel: #ffffff;             /* cards and panels */
  --background: #f4f6f8;        /* the page behind the panels */
  --soft: #f2fbff;              /* tinted panels, chips, the market panel */
  --sky: #c4ebff;               /* recessive fills behind a bar */
  --sky-mid: #7ecfff;           /* one step darker than --sky */
  --line: #e6e8ee;              /* hairlines, dividers, empty track */
  --rule: #c1c6d1;              /* stronger rules and unfilled bar segments */

  /* ---------------------------------------------------------------- status --
     Used only where a color marks a condition, never for ordinary data. */
  --good: #007255;              /* good */
  --warn: #ff9b0f;              /* warning */
  --gold: #de0000;              /* critical */
  --warning: #fff9d8;           /* the warning tint behind a note */
  --warning-line: #fff4bc;      /* its border */
  --warning-ink: #c47209;       /* its text, darkened to hold contrast */

  /* ------------------------------------------------------------ typography --
     One declaration. Everything on the page inherits from it. */
  --font-body: Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------ fix --
 * Added by Brickell Digital, 22 September 2026, at First Citizens' request
 * (Urbashee, 22 Sep: the text in the field tooltips runs past the bubble).
 *
 * This build sets `white-space: nowrap` on `.field-label-tail` so the (i)
 * icon cannot break away from the end of the label. The tooltip bubble is
 * inside that span, so it inherits `nowrap`: its text becomes a single line
 * about 1,900px wide inside a 232px bubble, and the overflow reads as white
 * text on a white page. `.hint-bubble` already sets `white-space: normal`,
 * which is why the other tooltip is unaffected.
 *
 * This file is loaded by both the Counterpart page and the embedded page, so
 * the one rule covers both. Drop it once a build ships with the fix; it is
 * the only rule here that is not a colour or a font.
 */
.infotip-bubble {
  white-space: normal;
}