@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

:root {
    /* Theme */
    --c-bg-theme-general: white;
    --c-color-theme-general: #2B2B2B;
    --c-font-family-general: 'Roboto', sans-serif;
    --c-font-size-general: 18px;
    --c-color-link-general: #1B6AC9;
    --c-bg-selection-item-general: #EDEDED;
    --c-color-label: var(--c-color-theme-general);

    /* Top menu */ 
    --c-color-menu-container-body-menu-body-a-svg: var(--c-color-theme-general);
    --c-color-menu: var(--c-color-theme-general);
    --c-color-menu-hover: var(--c-color-theme-general);

    /* Actions */
    --dropdown-bg-color: var(--c-bg-theme-general);
    --dropdown-hover-bg-color: var(--c-bg-selection-item-general);
    --dropdown-active-bg-color: var(--c-bg-theme-general);

    /* Buttons */
    --c-color-button: white;
    --c-color-button-hover: white;
    --c-bg-color-button: #5C0658;
    --c-bg-color-button-hover: #74296E;
    --c-padding-button: 10px 20px;

    /* Block margins */
    --c-margin-header: 0px;
    --c-padding-tabs: 50px 25px 40px 25px;
    --c-margin-tabs: 0px;

    /* Logo */
    --c-width-logo: 225px;
    --c-height-logo: 40px;
    --c-margin-logo: 0;
    --c-bg-logo: url('../custom/logo_big.svg') center/cover no-repeat var(--c-bg-theme-general);

    /* Equity chart */
    /* --- graph line */
    --c-stroke-equity-chart-graph-line: #006F22;
    --c-stroke-width-equity-chart--graph-line: 2;

    /* --- axis line */
    --c-stroke-equity-chart-axis-line: #808080;
    --c-stroke-width-equity-chart-axis-line: 2;

    /* Login page */
    --c-border-color-login-box-submit: #2B2B2B;
    --c-bg-menu-container-body-theme-switcher: var(--c-bg-selection-item-general);;
    --c-color-login-box-user-box-label: #8e8e8e;

    /* Grids */
    --c-bg-grid-row-hover: var(--c-bg-selection-item-general);
    --c-color-card-title: var(--c-color-theme-general);
}