
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root {



    /*
        auth
    */
    --dashboard-login-background: #000340;
    --dashboard-login-form: #2faf96;
    --dashboard-login-form-shadow: 0px 8px 19px 12px rgba(164, 92, 243, 0.15);




    /*
        font
    */
    --dashboard-font-family:  Aspira, sans-serif;
    --dashboard-header-font-family:  Aspira, sans-serif;
    --dashboard-sidebar-font-family:  Inter, sans-serif;
    --dashboard-sidebar-list-font-family:  Inter, sans-serif;

    /*
        color
    */
    --dashboard-sidebar-logo-color: transparent;
    --dashboard-sidebar-navbar-color: transparent;
    --dashboard-sidebar-active-color: rgba(255, 255, 255, 0.1);
    --dashboard-container-navbar-color: #081F42;
    --dashboard-search-border-color: rgba(81, 82, 81, 0.4);
    --dashboard-search-close-icon-color: #1469E7;
    --dashboard-body-color: #fff;
    --dashboard-container-color: #fff;

    --dashboard-primary-color: #1469E7;
    /*
        btn
    */
    /*
       page link
   */
    --dashboard-page-link-text-color: #0a73ff;
    --dashboard-page-link-background-color: #fff;
    --dashboard-page-link-border-color: #dee2e6;
    --dashboard-page-link-hover-text-color: #0762dc;
    --dashboard-page-link-hover-background-color: #e9ecef;
    --dashboard-page-link-focus-box-shadow: none;
    --dashboard-page-link-disabled-text-color: #3f8bf1;
    /*
        btn-self-info
    */

    --dashboard-btn-self-info-text-color: #fff;
    --dashboard-btn-self-info-color: #3185FC;
    --dashboard-btn-self-info-hover-color: #2c76df;
    --dashboard-btn-self-info-hover-border-color: #276ac7;
    --dashboard-btn-self-info-hover-border-color-disabled: #235eb1;
    --dashboard-btn-self-info-box-shadow-color: 0 0 0 0.2rem rgba(49, 133, 252, 0.5);

    /*
        btn-self-danger
    */

    --dashboard-btn-self-danger-text-color: #fff;
    --dashboard-btn-self-danger-color: #c21c2d;
    --dashboard-btn-self-danger-hover-color: #b11524;
    --dashboard-btn-self-danger-hover-border-color: #a5111f;
    --dashboard-btn-self-danger-hover-border-color-disabled: #9a0d1a;
    --dashboard-btn-self-danger-box-shadow-color: 0 0 0 0.2rem rgba(205, 38, 55, 0.5);

    /*
      btn-self-success
    */

    --dashboard-btn-self-success-text-color: #fff;
    --dashboard-btn-self-success-color: #1d8434;
    --dashboard-btn-self-success-hover-color: #197b2f;
    --dashboard-btn-self-success-hover-border-color: #15712a;
    --dashboard-btn-self-success-hover-border-color-disabled: #126826;
    --dashboard-btn-self-success-box-shadow-color: 0 0 0 0.2rem rgba(40, 156, 66, 0.5);

    /*
      btn-self-primary
    */

    --dashboard-btn-self-primary-text-color: #fff;
    --dashboard-btn-self-primary-color: #0a73ff;
    --dashboard-btn-self-primary-hover-color: #086ef6;
    --dashboard-btn-self-primary-hover-border-color: #0765e3;
    --dashboard-btn-self-primary-hover-border-color-disabled: #0656c1;
    --dashboard-btn-self-primary-box-shadow-color: 0 0 0 0.2rem rgba(10, 115, 255, 0.5);


}