/* ================================ *
 * ## Color Category Declaration ##
 * ================================ */

:root {

   /* ======== *
    * ## UI ##
    * ======== */

   --ui-button-bg: var(--primary-light);
   --ui-button-hover-bg: var(--primary-dark);
   --ui-button-text: var(--white);

   --ui-button-disabled-bg: var(--grey-light);
   --ui-button-disabled-text: var(--grey-darker);

   --ui-dynamic-list-title-text: var(--primary);
   --ui-dynamic-list-list-header-bc: var(--primary);
   --ui-dynamic-list-list-header-bg: var(--primary);
   --ui-dynamic-list-list-wrapper-bc: var(--primary);

   --ui-popup-bg: var(--white);
   --ui-popup-header-bg: var(--primary);
   --ui-popup-header-text: var(--white);


   /* ===================== *
    * ## Login Interface ##
    * ===================== */

   --login-bg: var(--white);
   --login-border: var(--primary-dark);

   --login-footer-bg: var(--primary);
   --login-footer-text: var(--white);

   --login-header-bg: var(--primary);
   --login-header-text: var(--white);

   --login-row-text: var(--primary);


   /* ================== *
    * ## Stand Editor ##
    * ================== */

   --se-bg: var(--white);
   --se-border: var(--primary-dark);

   --se-header-bg: var(--primary);
   --se-header-text: var(--white);

   --se-section-header-font: var(--primary);


   /* ===================== *
    * ## User Management ##
    * ===================== */

   --um-bg: var(--white);
   --um-border: var(--primary-dark);

   --um-header-bg: var(--primary);
   --um-header-text: var(--white);

   --um-section-header-font: var(--primary);
}