:root {
    /* header */
    --hamburger-color: #808080;
    /* sidebar */
    --sidebar-open-width: 250px;
    --sidebar-close-width: 60px;
    --sidebar-bg-color: var(--color-header-bg, #f5f6fa);
    --sidebar-border: var(--color-border, #e2e5ec);
    --sidebar-link-active-color: var(--color-primary, #3b5bdb);
    --sidebar-link-active-border: var(--color-primary, #3b5bdb);
    /* card */
    --card-border: var(--color-border, #dee2e6);
    --card-fr-color: var(--color-surface, #fff);
    --card-header-bg-color: var(--color-header-bg, #f8f9fa);
    /* select */
    --select-option-max-height: 280px;
}