:root {
    /* image */
    --⚙️: url(/theme/commspay/logo.png);
    --⚙️-height: 60px;
    --login-logo-bg: url(/theme/commspay/logo.png);
    --login-bg: url(/theme/commspay/login-bg.jpg);
    --bg: url(/theme/commspay/login-bg.jpg);

    --login-bg-blur: 0;
   /* colors */
   --theme-color-1: #11181C;
   --theme-color-2: #ffffff;
   --theme-color-3: #2ae6a2;
   --theme-color-4: orange;
   --theme-color-5: #5A91A1;
   --theme-color-6: #ffffff;
   --theme-color-7: #000000;
   --theme-color-8: #8593a5;
   --theme-color-9: #a2a2a2;
   --theme-color-b: #2ae6a2;
   --theme-color-c: #00981c;
   --theme-color-d: linear-gradient(
           180deg,
           #265E6F 0%,
           rgba(76, 122, 135, 0.5) 100%
       ),
       #265E6F;
   --theme-color-e: #79b3c5;
   --theme-color-f: #d3a95c;
   --theme-color-g: #79b3c5;
   --theme-color-h: #ef4136;
   --theme-color-i: #7ca0ab;
   --theme-color-j: #c3d9df;
   /* main */
   --theme-background: var(--theme-color-1);
   --theme-h5: var(--theme-color-7);
   --theme-text: var(--theme-color-7);
   --theme-content-text: var(--theme-color-b);
   --theme-eth-low: var(--theme-color-4);
   --theme-progress-bar: var(--theme-color-b);
   /* nav */
   --theme-navbar: var(--theme-color-g);
   --theme-navbar-height: 70px;
   --theme-navbar-text: var(--theme-color-2);
    --theme-navbar-text-opaque: var(--theme-color-1);
    --theme-link-active: var(--theme-color-5);
   --theme-nav-active-border: 3px solid var(--theme-color-3);
   --theme-profile: var(--theme-color-e);
   /* table */
   --theme-table-border: 1px solid var(--theme-color-8);
   --theme-table-search-background: var(--theme-color-2);
   --theme-table-search-border: 1px solid var(--theme-color-9);
   --theme-table-search-border-focus: 1px solid var(--theme-color-9);
   --theme-table-value-positive: var(--theme-color-c);
   --theme-table-trade: var(--theme-color-8);
   --theme-table-row-1: var(--theme-color-i);
   --theme-table-row-2: var(--theme-color-j);
   /* card */
   --theme-card-border: var(--theme-color-8);
   --theme-card-header: var(--theme-color-1);
   --theme-card-header-text: var(--theme-color-i);
   --theme-card-body: var(--theme-color-2);
   --theme-card-body-text: var(--theme-color-7);
   --theme-card-body-select-group: var(--theme-color-1);
   --theme-card-body-input-group-border: 1px solid white;
   --theme-card-body-thead: var(--theme-color-i);
   --theme-card-footer: var(--theme-color-e);
   --theme-card-footer-hover: var(--theme-color-e);
   --theme-card-footer-text: var(--theme-color-7);
   --theme-card-action: var(--theme-color-f);
   --theme-modal-footer-has-button: var(--theme-color-3);
   /* button */
   --theme-btn: var(--theme-color-d);
   --theme-btn-border-radius: 10px;
   --theme-btn-export: var(--theme-color-4);
   --theme-btn-primary: var(--theme-color-8);
   --theme-btn-border: var(--theme-color-8);
   --theme-btn-text: var(--theme-color-5);
   --theme-btn-hover: var(--theme-color-e);
   --theme-btn-hover-border: var(--theme-color-3);
   --theme-btn-hover-text: var(--theme-color-5);
   --theme-btn-success: var(--theme-color-d);
   --theme-btn-success-border: var(--theme-color-c);
   --theme-btn-success-text: var(--theme-color-5);
   --theme-btn-success-hover: var(--theme-color-e);
   --theme-btn-success-hover-border: var(--theme-color-e);
   --theme-btn-success-hover-text: var(--theme-color-5);
   --theme-btn-danger-text: var(--theme-color-h);
   --theme-btn-danger-border: var(--theme-color-h);
   --theme-btn-danger-hover: var(--theme-color-h);
   --theme-btn-danger-hover-border: var(--theme-color-h);
   /* form */
   --theme-form-background: var(--theme-color-2);
   --theme-form-border: var(--theme-color-7);
   --theme-form-text: var(--theme-color-7);
   --theme-form-auth-text: var(--theme-color-7);
   --theme-form-auth-placeholder: var(--theme-color-9);
   --theme-form-autofill-shadow: 0 0 0 100px var(--theme-color-7) inset;
   --theme-form-autofill-text: var(--theme-color-5);
   --theme-form-checkbox-border: var(--theme-color-3);
   --theme-form-checkbox-background: var(--theme-color-3);
   /* pagination */
   --theme-pagination-background: var(--theme-color-2);
   --theme-pagination-text: var(--theme-color-5);
   /* announcement */
   --theme-announcement-background: var(--theme-color-a);
   --theme-announcement-border: 1px solid var(--theme-color-3);
   --theme-toast-background: var(--theme-color-3);
   /* login */
   --theme-login-form-background: var(--theme-color-d);
   --theme-login-text: var(--theme-color-7);
}