@import url('./main-layout.css');
@import url('./normalize.css');
@import url('./shortcodes.css');

/*html {*/
/*    !*--lumo-border-radius-s: calc(var(--lumo-size-m) / 6);*!*/
/*    !*--lumo-border-radius-m: calc(var(--lumo-size-m) / 2);*!*/
/*    !*--lumo-border-radius-l: var(--lumo-size-m);*!*/
/*    --lumo-shade-5pct: rgba(32, 44, 54, 0.05);*/
/*    --lumo-shade-10pct: rgba(32, 44, 54, 0.1);*/
/*    --lumo-shade-20pct: rgba(32, 44, 54, 0.2);*/
/*    --lumo-shade-30pct: rgba(32, 44, 54, 0.3);*/
/*    --lumo-shade-40pct: rgba(32, 44, 54, 0.4);*/
/*    --lumo-shade-50pct: rgba(32, 44, 54, 0.5);*/
/*    --lumo-shade-60pct: rgba(32, 44, 54, 0.6);*/
/*    --lumo-shade-70pct: rgba(32, 44, 54, 0.7);*/
/*    --lumo-shade-80pct: rgba(32, 44, 54, 0.8);*/
/*    --lumo-shade-90pct: rgba(32, 44, 54, 0.9);*/
/*    --lumo-error-color-50pct: rgba(231, 51, 7, 0.5);*/
/*    --lumo-error-color-10pct: rgba(231, 51, 7, 0.1);*/
/*    --lumo-success-color-50pct: rgba(0, 154, 103, 0.5);*/
/*    --lumo-success-color-10pct: rgba(0, 154, 103, 0.1);*/
/*    --lumo-shade: rgb(32, 44, 54);*/
/*    --lumo-error-color: rgb(231, 51, 7);*/
/*    --lumo-success-color: rgb(0, 154, 103);*/
/*    --lumo-body-text-color: rgb(33, 33, 33);*/

/*    !*--lumo-secondary-text-color: var(--lumo-shade-90pct)*!*/
/*}*/

html {
    --lumo-shade: rgb(45, 55, 75);
    --lumo-shade-5pct: rgba(45, 55, 75, 0.05);
    --lumo-shade-10pct: rgba(45, 55, 75, 0.1);
    --lumo-shade-20pct: rgba(45, 55, 75, 0.2);
    --lumo-shade-30pct: rgba(45, 55, 75, 0.3);
    --lumo-shade-40pct: rgba(45, 55, 75, 0.4);
    --lumo-shade-50pct: rgba(45, 55, 75, 0.5);
    --lumo-shade-60pct: rgba(45, 55, 75, 0.6);
    --lumo-shade-70pct: rgba(45, 55, 75, 0.7);
    --lumo-shade-80pct: rgba(45, 55, 75, 0.8);
    --lumo-shade-90pct: rgba(45, 55, 75, 0.9);
    --lumo-body-text-color: rgb(45, 55, 75);
    --lumo-success-color: rgb(10, 191, 83);
    --lumo-success-color-50pct: rgba(10, 191, 83, 0.5);
    --lumo-success-color-10pct: rgba(10, 191, 83, 0.1);
    --lumo-error-color: hsl(3, 92%, 53%);
    --lumo-error-color-50pct: hsla(3, 92%, 53%, 0.5);
    --lumo-error-color-10pct: hsla(3, 92%, 53%, 0.1);
    --lumo-success-text-color: rgb(10, 191, 83);
    --lumo-primary-color: rgb(0, 102, 204);
    --lumo-primary-color-50pct: rgba(0, 102, 204, 0.5);
    --lumo-primary-color-10pct: rgba(0, 102, 204, 0.1);
    --lumo-primary-text-color: rgb(0, 102, 204);

    --lumo-disabled-text-color: var(--lumo-contrast-60pct);
}


[theme~="dark"] {
    --lumo-base-color: rgb(32, 44, 54);
    /*--lumo-shade: rgb(92, 127, 156);*/
    /*--lumo-shade-5pct: rgba(92, 127, 156, 0.05);*/
    /*--lumo-shade-10pct: rgba(92, 127, 156, 0.1);*/
    /*--lumo-shade-20pct: rgba(92, 127, 156, 0.2);*/
    /*--lumo-shade-30pct: rgba(92, 127, 156, 0.3);*/
    /*--lumo-shade-40pct: rgba(92, 127, 156, 0.4);*/
    /*--lumo-shade-50pct: rgba(92, 127, 156, 0.5);*/
    /*--lumo-shade-60pct: rgba(92, 127, 156, 0.6);*/
    /*--lumo-shade-70pct: rgba(92, 127, 156, 0.7);*/
    /*--lumo-shade-80pct: rgba(92, 127, 156, 0.8);*/
    /*--lumo-shade-90pct: rgba(92, 127, 156, 0.9);*/
    /*--lumo-primary-text-color: rgb(53, 158, 237);*/
    /*--lumo-body-text-color: rgb(255, 255, 255);*/
    /*--lumo-success-text-color: rgb(7, 231, 156);*/
    /*--lumo-success-color: rgb(7, 231, 156);*/
    /*--lumo-success-color-50pct: rgba(7, 231, 156, 0.5);*/
    /*--lumo-success-color-10pct: rgba(7, 231, 156, 0.1);*/
    /*--lumo-error-text-color: rgb(250, 58, 10);*/
    /*--lumo-error-color: rgb(231, 51, 7);*/
    /*--lumo-error-color-50pct: rgba(231, 51, 7, 0.5);*/
    /*--lumo-error-color-10pct: rgba(231, 51, 7, 0.1);*/
    /*--lumo-primary-color: hsl(214, 90%, 52%);*/
    /*--lumo-primary-color-50pct: hsla(214, 90%, 52%, 0.5);*/
    /*--lumo-primary-color-10pct: hsla(214, 90%, 52%, 0.1);*/

}

html {
    --color-service-kickoff: #284259;
    --color-service-review: #bc371c;
    --color-service-knowledge: #325d58;
    --color-service-advise: #8a6b00;
    --color-service-fundsearch: #316f78;
    --color-service-calculator: #3d374a;
}


/* navbar header */
[primary-section='navbar']::part(navbar) {
    background-image: none !important;
}

/**/

vaadin-login-form-wrapper {
    border-radius: var(--lumo-border-radius-m);
    box-shadow: var(--lumo-box-shadow-s);
}

vaadin-dashboard-widget {
    overflow: hidden;
}

vaadin-dashboard-widget::part(content) {
    padding: 0;
}