/* Blue Jay Travels — brand tokens shared by every page of the Agent Portal.

   Taken from the Accounts Portal's stylesheet: the logo blue #1081B1 and the
   logo grey #B0B0B0 were sampled from the artwork itself, and every tint and
   shade keeps the same 198° hue so nothing drifts away from the logo. */

:root {
  --brand: #1081B1;
  --brand-700: #0D6991;      /* hover / pressed */
  --brand-900: #09445D;      /* deep navy: overlays, headings on tinted panels */
  --brand-400: #45A9D3;      /* accents on dark ground */
  --brand-200: #B8DBEA;      /* borders on tinted panels */
  --brand-light: #DBEDF5;    /* badge and active-tab background */
  --brand-wash: #EFF7FA;     /* very light panel tint */
  --grey: #B0B0B0;           /* the logo's second colour */

  /* Neutrals carry the brand hue at very low saturation. */
  --ink: #1A2930;
  --muted: #5D7179;
  --muted-light: #8F9DA3;
  --bg: #F6F7F8;
  --line: #DEE3E5;
  --white: #fff;

  /* Status colours, nudged toward the brand hue. */
  --ok: #12766B;
  --ok-wash: #E4F4F1;
  --pending: #B45309;
  --pending-wash: #FDF1E3;
  --danger: #B3261E;
  --danger-wash: #FCECEA;

  --font: "Plus Jakarta Sans", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}