:root {
    --skn-primary-color-dark: color-mix(in srgb, var(--skn-primary-color) 80%, black);
    --skn-primary-color-light: color-mix(in srgb, var(--skn-primary-color) 10%, white);
    --skn-active-primary-color: color-mix(in srgb, var(--skn-primary-color) 75%, black);
    --skn-active-primary-p5-color: color-mix(in srgb, var(--skn-primary-color) 70%, black);
    --skn-secondary-color-dark: color-mix(in srgb, var(--skn-secondary-color) 80%, black);
    --skn-secondary-color-light: color-mix(in srgb, var(--skn-secondary-color) 10%, white);
    --skn-active-secondary-color: color-mix(in srgb, var(--skn-secondary-color) 55%, black);
    --skn-active-secondary-p5-color: color-mix(in srgb, var(--skn-secondary-color) 70%, black);
    --skn-success-color-dark: color-mix(in srgb, var(--skn-success-color) 80%, black);
    --skn-success-color-light: color-mix(in srgb, var(--skn-success-color) 10%, white);
    --skn-active-success-color: color-mix(in srgb, var(--skn-success-color) 75%, black);
    --skn-active-success-p5-color: color-mix(in srgb, var(--skn-success-color) 70%, black);
    --skn-danger-color-dark: color-mix(in srgb, var(--skn-danger-color) 80%, black);
    --skn-danger-color-light: color-mix(in srgb, var(--skn-danger-color) 10%, white);
    --skn-active-danger-color: color-mix(in srgb, var(--skn-danger-color) 75%, black);
    --skn-active-danger-p5-color: color-mix(in srgb, var(--skn-danger-color) 70%, black);
    --skn-warning-color-dark: color-mix(in srgb, var(--skn-warning-color) 80%, black);
    --skn-warning-color-light: color-mix(in srgb, var(--skn-warning-color) 10%, white);
    --skn-active-warning-color: color-mix(in srgb, var(--skn-warning-color) 75%, black);
    --skn-active-warning-p5-color: color-mix(in srgb, var(--skn-warning-color) 70%, black);
    --skn-info-color-dark: color-mix(in srgb, var(--skn-info-color) 80%, black);
    --skn-info-color-light: color-mix(in srgb, var(--skn-info-color) 10%, white);
    --skn-active-info-color: color-mix(in srgb, var(--skn-info-color) 75%, black);
    --skn-active-info-p5-color: color-mix(in srgb, var(--skn-info-color) 70%, black);
    --skn-light-color-dark: color-mix(in srgb, var(--skn-light-color) 80%, black);
    --skn-light-color-light: color-mix(in srgb, var(--skn-light-color) 10%, white);
    --skn-active-light-color: color-mix(in srgb, var(--skn-light-color) 75%, black);
    --skn-active-light-p5-color: color-mix(in srgb, var(--skn-light-color) 70%, black);
    --skn-dark-color-dark: color-mix(in srgb, var(--skn-dark-color) 80%, black);
    --skn-dark-color-light: color-mix(in srgb, var(--skn-dark-color) 70%, white);
    --skn-active-dark-color: color-mix(in srgb, var(--skn-dark-color) 75%, black);
    --skn-active-dark-p5-color: color-mix(in srgb, var(--skn-dark-color) 70%, black);
    --bs-body-bg: var(--skn-bg-color, #fff);
    --bs-border-color: #dee2e6;
    --bs-link-color: var(--skn-primary-color);
    --bs-link-hover-color: var(--skn-active-primary-color, var(--skn-primary-color));
    --pc-sidebar-background: #ffffff;
    --pc-sidebar-color: #39465F;
    --pc-sidebar-color-rgb: 57, 70, 95;
    --pc-sidebar-shadow: 2px 0 2.94px 0.06px rgba(4,26,55,.16);
    --pc-header-color: #ffffff;
    --pc-header-submenu-background: #ffffff;
    --pc-header-submenu-color: #39465F;
    --pc-sidebar-submenu-border-color: #DBE0E5;
    --pc-sidebar-border: none;
    --pc-card-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,.16);
    --pc-card-box-hover-shadow: 0px 8px 24px rgba(27,46,94,0.12);
    --pc-active-background: #DBE0E5;
    --pc-header-background: var(--skn-header-background);
    --pc-sidebar-active-color: var(--skn-header-background);
    --pc-sidebar-active-bg: rgba(202,202,202,.3);
    --bs-font-sans-serif: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-text-align: left;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-primary-border-subtle: color-mix(in oklab, var(--bs-primary), black 15%);
    --bs-primary-bg-subtle: color-mix(in oklab, var(--bs-primary), white 85%);
    --bs-primary-text-emphasis: var(--skn-primary-color-dark);
    --bs-secondary-text-emphasis: var(--skn-secondary-color-dark);
    --bs-success-text-emphasis: var(--skn-success-color-dark);
    --bs-info-text-emphasis: var(--skn-info-color-dark);
    --bs-warning-text-emphasis: var(--skn-warning-color-dark);
    --bs-danger-text-emphasis: var(--skn-danger-color-dark);
    --bs-light-text-emphasis: var(--skn-light-color-dark);
    --bs-dark-text-emphasis: var(--skn-dark-color-light);
    --bs-secondary-bg-subtle: color-mix(in oklab, var(--bs-secondary), white 85%);
    --bs-success-bg-subtle: color-mix(in oklab, var(--bs-success), white 85%);
    --bs-info-bg-subtle: color-mix(in oklab, var(--bs-info), white 85%);
    --bs-warning-bg-subtle: color-mix(in oklab, var(--bs-warning), white 85%);
    --bs-danger-bg-subtle: color-mix(in oklab, var(--bs-danger), white 85%);
    --bs-light-bg-subtle: color-mix(in oklab, var(--bs-light), white 80%);
    --bs-dark-bg-subtle: color-mix(in oklab, var(--bs-dark), white 80%);
    --bs-secondary-border-subtle: color-mix(in oklab, var(--bs-secondary), black 15%);
    --bs-success-border-subtle: color-mix(in oklab, var(--bs-success), black 15%);
    --bs-info-border-subtle: color-mix(in oklab, var(--bs-info), black 15%);
    --bs-warning-border-subtle: color-mix(in oklab, var(--bs-warning), black 15%);
    --bs-danger-border-subtle: color-mix(in oklab, var(--bs-danger), black 15%);
    --bs-light-border-subtle: color-mix(in oklab, var(--bs-light), black 10%);
    --bs-dark-border-subtle: color-mix(in oklab, var(--bs-dark), black 10%);
}