:root,
:host {
    /* Bootstrap theme colors */
    --bs-primary: #4b8453;
    --bs-success: #198754;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-info: #6aa072;
    --bs-border-radius-scale: 0.5;

    /* Primary color variations */
    --bs-primary-rgb: from var(--bs-primary) r g b;
    --bs-primary-50: color-mix(in srgb, var(--bs-primary) 10%, white);
    --bs-primary-100: color-mix(in srgb, var(--bs-primary) 20%, white);
    --bs-primary-200: color-mix(in srgb, var(--bs-primary) 30%, white);
    --bs-primary-300: color-mix(in srgb, var(--bs-primary) 40%, white);
    --bs-primary-400: color-mix(in srgb, var(--bs-primary) 50%, white);
    --bs-primary-500: var(--bs-primary);
    --bs-primary-600: color-mix(in srgb, var(--bs-primary) 85%, black);
    --bs-primary-700: color-mix(in srgb, var(--bs-primary) 70%, black);
    --bs-primary-800: color-mix(in srgb, var(--bs-primary) 55%, black);
    --bs-primary-900: color-mix(in srgb, var(--bs-primary) 40%, black);

    /* Success color variations */
    --bs-success-rgb: from var(--bs-success) r g b;
    --bs-success-50: color-mix(in srgb, var(--bs-success) 10%, white);
    --bs-success-100: color-mix(in srgb, var(--bs-success) 20%, white);
    --bs-success-200: color-mix(in srgb, var(--bs-success) 30%, white);
    --bs-success-300: color-mix(in srgb, var(--bs-success) 40%, white);
    --bs-success-400: color-mix(in srgb, var(--bs-success) 50%, white);
    --bs-success-500: var(--bs-success);
    --bs-success-600: color-mix(in srgb, var(--bs-success) 85%, black);
    --bs-success-700: color-mix(in srgb, var(--bs-success) 70%, black);
    --bs-success-800: color-mix(in srgb, var(--bs-success) 55%, black);
    --bs-success-900: color-mix(in srgb, var(--bs-success) 40%, black);

    /* Warning color variations */
    --bs-warning-rgb: from var(--bs-warning) r g b;
    --bs-warning-50: color-mix(in srgb, var(--bs-warning) 10%, white);
    --bs-warning-100: color-mix(in srgb, var(--bs-warning) 20%, white);
    --bs-warning-200: color-mix(in srgb, var(--bs-warning) 30%, white);
    --bs-warning-300: color-mix(in srgb, var(--bs-warning) 40%, white);
    --bs-warning-400: color-mix(in srgb, var(--bs-warning) 50%, white);
    --bs-warning-500: var(--bs-warning);
    --bs-warning-600: color-mix(in srgb, var(--bs-warning) 85%, black);
    --bs-warning-700: color-mix(in srgb, var(--bs-warning) 70%, black);
    --bs-warning-800: color-mix(in srgb, var(--bs-warning) 55%, black);
    --bs-warning-900: color-mix(in srgb, var(--bs-warning) 40%, black);

    /* Danger color variations */
    --bs-danger-rgb: from var(--bs-danger) r g b;
    --bs-danger-50: color-mix(in srgb, var(--bs-danger) 10%, white);
    --bs-danger-100: color-mix(in srgb, var(--bs-danger) 20%, white);
    --bs-danger-200: color-mix(in srgb, var(--bs-danger) 30%, white);
    --bs-danger-300: color-mix(in srgb, var(--bs-danger) 40%, white);
    --bs-danger-400: color-mix(in srgb, var(--bs-danger) 50%, white);
    --bs-danger-500: var(--bs-danger);
    --bs-danger-600: color-mix(in srgb, var(--bs-danger) 85%, black);
    --bs-danger-700: color-mix(in srgb, var(--bs-danger) 70%, black);
    --bs-danger-800: color-mix(in srgb, var(--bs-danger) 55%, black);
    --bs-danger-900: color-mix(in srgb, var(--bs-danger) 40%, black);

    /* Info color variations */
    --bs-info-rgb: from var(--bs-info) r g b;
    --bs-info-50: color-mix(in srgb, var(--bs-info) 10%, white);
    --bs-info-100: color-mix(in srgb, var(--bs-info) 20%, white);
    --bs-info-200: color-mix(in srgb, var(--bs-info) 30%, white);
    --bs-info-300: color-mix(in srgb, var(--bs-info) 40%, white);
    --bs-info-400: color-mix(in srgb, var(--bs-info) 50%, white);
    --bs-info-500: var(--bs-info);
    --bs-info-600: color-mix(in srgb, var(--bs-info) 85%, black);
    --bs-info-700: color-mix(in srgb, var(--bs-info) 70%, black);
    --bs-info-800: color-mix(in srgb, var(--bs-info) 55%, black);
    --bs-info-900: color-mix(in srgb, var(--bs-info) 40%, black);
}

.header > * {
    -webkit-app-region: no-drag;
}