:root {
    --pico-secondary-background: var(--primary-color);
    --pico-background-error: #b82626;
    --pico-background-success: #26b826;
    --pico-background-warning: rgb(253, 216, 3);
    --pico-font-size: 14px;
    --pico-border-radius: 15px;
    --pico-topbar-height: 55px;
    --pico-sidebar-width: 240px;

    --salesroom-left-width: 520px;
    --salesroom-spacing: 2rem;
    --salesroom-card-background: white;
    --salesroom-background: #f4f4f4;
    --salesroom-font-color: #676767;
    --salesroom-border-radius: 10px;
    --salesroom-border: var(--pico-form-element-border-color);
    --salesroom-font-size-small: 12px;

    --pico-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
    --pico-font-family-sans-serif: "Inter", system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--pico-font-family-emoji);

    --modal-bg: #00000070;

    --salesroom-fc-white: #ffffff;

}

:root:not([data-theme=dark]),
[data-theme=light] {
    --pico-primary: var(--primary-color);
    --pico-transparent-10: rgba(var(--primary-color-rgb), 0.1);
    --pico-transparent-50: rgba(var(--primary-color-rgb), 0.55);
    --pico-primary-background: var(--primary-color);
    --pico-primary-hover-background: #70cacc;

    --pico-active-tree: #dbe4ea26;

    --dt-row-selected: 224, 224, 224, .4;

    --pico-background-color: #ececec;
    --pico-background-cardform: #f9f9f9;
    --pico-background-cardform-white: #fff;
    --pico-table-th-color: #f9fafb;

    --pico-h1-color: var(--heading-color);
    --pico-h2-color: var(--heading-color);
    --pico-h3-color: var(--heading-color);
    --pico-h4-color: var(--heading-color);
    --pico-h5-color: var(--heading-color);
    --pico-h6-color: var(--heading-color);

    --pico-form-element-toggle: #696969;
    --pico-form-element-border-color: #e8e8e8;

    --pico-background-color-toolbar: #c6c6c652;
    --pico-modal-overlay-background-color: rgb(0 0 0 / 75%);
    --pico-secondary-background: var(--primary-color);
    --pico-secondary-hover-background: #5aa2a3;

    --pico-mark-background-color: #c0d6fd;
    --pico-card-background-color: #dbe4ea26;
    --pico-background-color-nav: var(--pico-background-color);
    --pico-color-nav: #fff;
    --pico-color-nav-secondary: #bfbfbf;
    --pico-secondary-background-button-bar-grey: #ececec;
    --pico-secondary-background-button-bar: #dbdbdb;
    --pico-border-color-button-bar: #E3E3E3;
}