:root {

  --fa-ke2-comm:         var(--fa-comments);
  --fa-ke2-user-generic: var(--fa-user);
  --fa-ke2-site-generic: var(--fa-building);
  --fa-ke2-host-generic: var(--fa-square);
  --fa-ke2-edge-generic: var(--fa-tablet-rugged);
  --fa-ke2-cell-generic: var(--fa-mobile-android-alt);

  --fa-secondary-opacity-default: .4;

  --faw-ke2-info: var(--fa-l);

} /* Font Awesome 5 */

:root { /* KE2 Product Images */
  --logo:   url("/logo.svg");
} /* KE2 Product Images */

:root { /* Bootstrap Variables - TODO auto-generate all */
  --alarm-color: var(--dng-bg-color);
  --disabled-color: #eee;
  --focus-color: #eff;
  --debug-outline-color: #000;
  --debug-outline-color: transparent;
  --secondary-color: #6c757d;

  --text-shadow-stroke-white:
    -1px -1px 0 #fff,
    +1px -1px 0 #fff,
    -1px +1px 0 #fff,
    +1px +1px 0 #fff;

  --wrn-fg-color: #856404;
  --wrn-bg-color: #fff3cd;
  --wrn-bd-color: #ffeeba;

  --prm-fg-color: #004085; --prm-fg-rgb:   0,  64, 133;
  --prm-bg-color: #cce5ff; --prm-bg-rgb: 204, 229, 255;
  --prm-bd-color: #b8daff; --prm-bd-rgb: 184, 218, 255;

  --dng-fg-color: #721c24; --dng-fg-rgb: 114,  28,  36;
  --dng-bg-color: #f8d7da; --dng-bd-rgb: 248, 215, 218;
  --dng-bd-color: #f5c6cb; --dng-bg-rgb: 245, 198, 203;

  --suc-fg-color: #155724;
  --suc-bg-color: #d4edda;
  --suc-bd-color: #c3e6cb;

  --snd-fg-color: #383d41;
  --snd-bg-color: #e2e3e5;
  --snd-bd-color: #d6d8db;

  --drk-fg-color: #1b1e21;
  --drk-bg-color: #d6d8d9;
  --drk-bd-color: #c6c8ca;

  --lgh-fg-color: #818182; --lgh-fg-rgb: 129, 129, 130;
  --lgh-bg-color: #fefefe; --lgh-bg-rgb: 254, 254, 254;
  --lgh-bd-color: #fdfdfe; --lgh-bd-rgb: 253, 253, 254;

  --info-fg-color: #0c5460;
  --info-bg-color: #d1ecf1;
  --info-bd-color: #bee5eb;

  --border-radius: .25rem;
} /* Bootstrap Variables */

:root { /* KE2 Colors - TODO cooperate with Patricia */
  --ke2-controller-cover-0-8o-color: #3a393b;
} /* KE2 Colors */

:root { --uc-ellipsis: "…"; }

:root {
  --shin-user-agent-padding: .8rem;
}

:root {
  --ke2-blue-rgb: 22, 103, 177; /* #1667B1; */
  --ke2-blue:rgb(var(--ke2-blue-rgb));
  --ke2-green-rgb: 80, 170, 81; /* #50AA51; */
  --ke2-green:rgb(var(--ke2-green-rgb));
}

:root {
  --tw-shadow-none: 0 0 #0000;
  --tw-shadow-sm:   0  1px  2px   0    rgba(0, 0, 0, 0.05);
  --tw-shadow:      0  1px  3px   0    rgba(0, 0, 0, 0.1), 0  1px  2px  0   rgba(0, 0, 0, 0.06);
  --tw-shadow-md:   0  4px  6px  -1px  rgba(0, 0, 0, 0.1), 0  2px  4px -1px rgba(0, 0, 0, 0.06);
  --tw-shadow-lg:   0 10px 15px  -3px  rgba(0, 0, 0, 0.1), 0  4px  6px -2px rgba(0, 0, 0, 0.05);
  --tw-shadow-xl:   0 20px 25px  -5px  rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --tw-shadow-2xl:  0 25px 50px -12px  rgba(0, 0, 0, 0.25);
  --tw-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

smart-window[id] { --w-x-h: min(62rem, 100%); max-height: var(--w-x-h) !important; top: calc(50% - (var(--w-x-h) / 2)) !important; }