/*
   XipLink UI color palette.

   Most colors have two variants:
    - Light or dark: The color name is appended with "-L" or "-D".
    - Regular, template or config: Names of the template variants are appended with "-T" and config variants with "-C".

   Some of these colors are also embedded in our jQuery UI themes, which uses
   images created with those specific colors.  These colors are noted below.
   Changing one of these colors here will require generating a new jQuery theme
   to match.
 */
:root {
  /* jQuery theme colors */
  --border-L: #aed0ea;
  --border-L-T: #aad3c0;
  --border-D: #74b2e2;
  --border-D-T: #157449;
  --panel-bg-L: #deedf7;
  --panel-fg-L: #0070a3;
  --panel-bg-L-T: #bbdbcc;
  --panel-fg-L-T: #217b52;
  --panel-bg-D: #3baae3;
  --panel-fg-D: #fff;
  --panel-bg-D-T: #7fbba0;
  --panel-fg-D-T: #fff;

  /* Basic foreground & background */
  --fg: #000;
  --fg-dim: #888;
  --fg-T: var(--fg);
  --bg-L: #f2f5f7;
  --bg-D: #c0c0c0;
  --bg: var(--bg-L);
  --bg-T: var(--bg);
  --bg-C: #7a6954;
  --fg-C: #fff;
  --bg-C-L: #DECFB8;
  --bg-C-hilite: #a08a70;
  --row-bg: #fff;
  --row-alt-bg: #fcfcfc;

  /* Non-thematic colors */
  --disabled-fg: #ddd;
  --error-fg: #cd0a0a;
  --error-fg-L: #ffa0a0;
  --error-border: var(--error-fg);
  --error-bg: #ffdddd;
  --error-bg-dim: #ddbbbb;
  --hilite-bg-L: #DABFFF;
  --hilite-fg-L: #000;
  --hilite-bg-M: #A97FD8;
  --hilite-fg-M: #000;
  --hilite-bg-D: #7B19FF;
  --hilite-fg-D: #fff;
  --info-fg: #8dc4eb;
  --info-border: var(--info-fg);
  --info-bg: var(--panel-bg-L);
  --table-border: #ddd;
  --this-device-bg: #4e62fa;
  --this-device-fg: #fff;
  --unsaved-fg: var(--fg-dim);
  --value-bg: #fff;
  --warning-fg:#814809;
  --warning-border: var(--warning-fg);
  --warning-bg: #ffff80;
  --warning-bg-dim: #ddddbb;
  --yes-fg: #068506;
  --yes-bg: #d4fbc2;
  --yes-fg-L: #9adb0a;
  --yes-bg-L: #268126;
  --no-fg: #cd0a0a;
  --no-fg-L: #ffa0a0;

  /* Color aliases for structural elements */
  --heading-fg: var(--panel-fg-L);
  --heading-fg-T: var(--panel-fg-L-T);
  --item-hilite-bg: var(--border-L);
  --item-hilite-bg-T: var(--border-L-T);
  --item-hilite-fg: var(--panel-fg-L);
  --item-hilite-fg-T: var(--panel-fg-L-T);
  --monitor-container-title-bg: var(--hilite-bg-D);
  --nav-fg: var(--panel-fg-L);
  --nav-hover-bg: var(--hilite-bg-L);
  --nav-hover-fg: var(--hilite-fg-L);
  --nav-selected-bg: var(--nav-fg);
  --nav-selected-fg: #fff;
  --selected-bg: var(--nav-fg);
  --selected-fg: #fff;
  --selected-bg-T: var(--panel-fg-L-T);
  --text-hilite-fg: var(--hilite-bg-D);

  /* XipLink logo color */
  --logo: #4194d7;
}