:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-font-sans-serif: Roboto,sans-serif;
    --bs-font-serif: "Roboto Serif",serif;
    --bs-font-monospace: "Roboto Mono",monospace;

    --bs-header-body-color: var(--bs-body-bg);

    --header-height-factor: 1;
	--header-logo-height-correction: 2.5rem;
	--header-logo-height-correction-mobile: 2.5rem;

    --sidebar-bg: var(--bs-tertiary-bg);
    --sidebar-border: none;

    /* tabs */
    --tabs-tab-color-defaut: var(--bs-secondary-text-emphasis);
    --tabs-tab-bg-defaut: var(--bs-secondary-bg);
    --tabs-tab-opacity-default: 1;

    --tabs-tab-color-hover: var(--bs-secondary-text-emphasis);
    --tabs-tab-bg-hover: var(--bs-secondary-bg-subtle);
    --tabs-tab-opacity-hover: 1;

    --tabs-tab-color-active: #ffffff;
    --tabs-tab-bg-active: var(--bs-primary);
    --tabs-tab-opacity-active: 1;

    /* alt-buttons */
    --alt-buttons-color-defaut: var(--bs-primary-text-emphasis);
    --alt-buttons-bg-defaut: var(--bs-secondary-bg);
    --alt-buttons-opacity-default: 1;

    --alt-buttons-color-hover: var(--bs-primary-text-emphasis);
    --alt-buttons-bg-hover: var(--bs-secondary-bg-subtle);
    --alt-buttons-opacity-hover: 1;

    /* header */
    --header-color: #ffffff;
    --header-placeholder-color: #ffffff;

    --header-buttons-color-defaut: var(--bs-primary-text-emphasis);
    --header-buttons-bg-defaut: var(--bs-secondary-bg);
    --header-buttons-opacity-default: 1;

    --header-buttons-color-hover: var(--bs-primary-text-emphasis);
    --header-buttons-bg-hover: var(--bs-gray-300);
    --header-buttons-opacity-hover: 1;

    /* mediamanager */
    --mediamanager-toggle-color: var(--bs-body-color);
    --mediamanager-toggle-size-factor: 1;

    /* tools */
    --tools-color: var(--bs-body-color);

    /* transitions */
    --tabs-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    --alt-buttons-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    /* alert */
    --alert-primary-color: var(--bs-primary-text-emphasis);
    --alert-primary-link-color: var(--bs-link-color);

    --alert-secondary-color: var(--bs-secondary-text-emphasis);
    --alert-secondary-link-color: var(--bs-link-color);

    --alert-success-color: var(--bs-success-text-emphasis);
    --alert-success-link-color: var(--bs-link-color);

    --alert-danger-color: var(--bs-danger-text-emphasis);
    --alert-danger-link-color: var(--bs-link-color);

    --alert-warning-color: var(--bs-warning-text-emphasis);
    --alert-warning-link-color: var(--bs-link-color);

    --alert-info-color: var(--bs-info-text-emphasis);
    --alert-info-link-color: var(--bs-link-color);

    --alert-light-color: var(--bs-light-text-emphasis);
    --alert-light-link-color: var(--bs-link-color);

    --alert-dark-color: var(-bs-dark-text-emphasis);
    --alert-dark-link-color: var(--bs-link-color);
}