/*!
 * ----------------------------------------------------------------------------
 * Halfmoon CSS - circadian theme
 * Copyright (c) 2023, Tahmid Khan | MIT License | https://www.gethalfmoon.com
 * ----------------------------------------------------------------------------
 * The above notice must be included in its entirety when this file is used.
 */

/* Color palette */

[data-bs-core=circadian] {
    /* Gray */

    --bs-slate-hue: 216;
    --bs-slate-saturation: 10%;

    /* Light gray */

    --bs-lightgray-hue: var(--bs-slate-hue);
    --bs-lightgray-saturation: var(--bs-slate-saturation);

    /* Sable (almost black) */

    --bs-sable-hue: var(--bs-darkgray-hue);
    --bs-sable-saturation: var(--bs-darkgray-saturation);
    --bs-sable-100-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 31%;
    --bs-sable-200-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 29%;
    --bs-sable-300-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 27%;
    --bs-sable-400-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 25%;
    --bs-sable-500-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 23%;
    --bs-sable-600-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 21%;
    --bs-sable-700-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 19%;
    --bs-sable-800-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 17%;
    --bs-sable-900-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 15%;
    --bs-sable-1000-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 5%;
    --bs-sable-100: hsl(var(--bs-sable-100-hsl));
    --bs-sable-200: hsl(var(--bs-sable-200-hsl));
    --bs-sable-300: hsl(var(--bs-sable-300-hsl));
    --bs-sable-400: hsl(var(--bs-sable-400-hsl));
    --bs-sable-500: hsl(var(--bs-sable-500-hsl));
    --bs-sable-600: hsl(var(--bs-sable-600-hsl));
    --bs-sable-700: hsl(var(--bs-sable-700-hsl));
    --bs-sable-800: hsl(var(--bs-sable-800-hsl));
    --bs-sable-900: hsl(var(--bs-sable-900-hsl));
    --bs-sable-1000: hsl(var(--bs-sable-1000-hsl));
    --bs-sable-hsl: var(--bs-sable-500-hsl);
    --bs-sable: hsl(var(--bs-sable-hsl));
    --bs-sable-foreground-hsl: var(--bs-white-hsl);
    --bs-sable-foreground: hsl(var(--bs-sable-foreground-hsl));
    --bs-sable-text-emphasis-hsl: var(--bs-sable-600-hsl);
    --bs-sable-text-emphasis: hsl(var(--bs-sable-text-emphasis-hsl));
	--bs-sable-hover-bg: var(--bs-sable-600);
	--bs-sable-active-bg: var(--bs-sable-700);
	--bs-sable-bg-subtle: hsl(var(--bs-sable-hue), var(--bs-sable-saturation), 70%);
	--bs-sable-border-subtle: var(--bs-sable-400);
	--bs-sable-checkbox-svg: var(--bs-checkbox-svg-light);
	--bs-sable-dash-svg: var(--bs-dash-svg-light);
	--bs-sable-radio-svg: var(--bs-radio-svg-light);
	--bs-sable-switch-svg: var(--bs-switch-svg-light);

    /* Orangered */
    --bs-orangered: hsl(16deg, 100%, 50%);
    --bs-orangered-hue: 16;
    --bs-orangered-saturation: 100%;
    --bs-orangered-100-hsl: var(--bs-orangered-hue), var(--bs-orangered-saturation), 95%;
    --bs-orangered-200-hsl: var(--bs-orangered-hue), var(--bs-orangered-saturation), 90%;
    --bs-orangered-300-hsl: var(--bs-orangered-hue), var(--bs-orangered-saturation), 85%;
    --bs-orangered-400-hsl: var(--bs-orangered-hue), var(--bs-orangered-saturation), 80%;
    --bs-orangered-500-hsl: var(--bs-orangered-hue), var(--bs-orangered-saturation), 75%;
    --bs-orangered-600-hsl: var(--bs-orangered-hue), var(--bs-orangered-saturation), 70%;
    --bs-orangered-700-hsl: var(--bs-orangered-hue), var(--bs-orangered-saturation), 65%;
    --bs-orangered-800-hsl: var(--bs-orangered-hue), var(--bs-orangered-saturation), 60%;
    --bs-orangered-900-hsl: var(--bs-orangered-hue), var(--bs-orangered-saturation), 55%;
    --bs-orangered-100: hsl(var(--bs-orangered-100-hsl));
    --bs-orangered-200: hsl(var(--bs-orangered-200-hsl));
    --bs-orangered-300: hsl(var(--bs-orangered-300-hsl));
    --bs-orangered-400: hsl(var(--bs-orangered-400-hsl));
    --bs-orangered-500: hsl(var(--bs-orangered-500-hsl));
    --bs-orangered-600: hsl(var(--bs-orangered-600-hsl));
    --bs-orangered-700: hsl(var(--bs-orangered-700-hsl));
    --bs-orangered-800: hsl(var(--bs-orangered-800-hsl));
    --bs-orangered-900: hsl(var(--bs-orangered-900-hsl));
    --bs-orangered-hsl: var(--bs-orangered-900-hsl);
    --bs-orangered-foreground-hsl: var(--bs-white-hsl);
    --bs-orangered-foreground: hsl(var(--bs-orangered-foreground-hsl));
    --bs-orangered-text-emphasis-hsl: var(--bs-orangered-600-hsl);
    --bs-orangered-text-emphasis: hsl(var(--bs-orangered-text-emphasis-hsl));
    --bs-orangered-hover-bg: var(--bs-orangered-600);
    --bs-orangered-active-bg: var(--bs-orangered);
    --bs-orangered-bg-subtle: hsl(var(--bs-orangered-hue), var(--bs-orangered-saturation), 70%);
    --bs-orangered-border-subtle: var(--bs-orangered-400);
    --bs-orangered-checkbox-svg: var(--bs-checkbox-svg-light);
    --bs-orangered-dash-svg: var(--bs-dash-svg-light);
    --bs-orangered-radio-svg: var(--bs-radio-svg-light);
    --bs-orangered-switch-svg: var(--bs-switch-svg-light);

	/* Primary */
    
	--bs-primary-hue: var(--bs-orangered-hue);
    --bs-primary-saturation: var(--bs-orangered-saturation);
    --bs-primary-100-hsl: var(--bs-orangered-100-hsl);
    --bs-primary-200-hsl: var(--bs-orangered-200-hsl);
    --bs-primary-300-hsl: var(--bs-orangered-300-hsl);
    --bs-primary-400-hsl: var(--bs-orangered-400-hsl);
    --bs-primary-500-hsl: var(--bs-orangered-500-hsl);
    --bs-primary-600-hsl: var(--bs-orangered-600-hsl);
    --bs-primary-700-hsl: var(--bs-orangered-700-hsl);
    --bs-primary-800-hsl: var(--bs-orangered-800-hsl);
    --bs-primary-900-hsl: var(--bs-orangered-900-hsl);
    --bs-primary-100: var(--bs-orangered-100);
    --bs-primary-200: var(--bs-orangered-200);
    --bs-primary-300: var(--bs-orangered-300);
    --bs-primary-400: var(--bs-orangered-400);
    --bs-primary-500: var(--bs-orangered-500);
    --bs-primary-600: var(--bs-orangered-600);
    --bs-primary-700: var(--bs-orangered-700);
    --bs-primary-800: var(--bs-orangered-800);
    --bs-primary-900: var(--bs-orangered-900);
    --bs-primary-hsl: var(--bs-orangered-hsl);
    --bs-primary: var(--bs-orangered);
    --bs-primary-foreground-hsl: var(--bs-orangered-foreground-hsl);
    --bs-primary-foreground: var(--bs-orangered-foreground);
    --bs-primary-text-emphasis-hsl: var(--bs-orangered-text-emphasis-hsl);
    --bs-primary-text-emphasis: var(--bs-orangered-text-emphasis);
    --bs-primary-hover-bg: var(--bs-orangered-hover-bg);
    --bs-primary-active-bg: var(--bs-orangered-active-bg);
    --bs-primary-bg-subtle: var(--bs-orangered-bg-subtle);
    --bs-primary-border-subtle: var(--bs-orangered-border-subtle);
	--bs-primary-checkbox-svg: var(--bs-navy-checkbox-svg);
	--bs-primary-dash-svg: var(--bs-navy-dash-svg);
	--bs-primary-radio-svg: var(--bs-navy-radio-svg);
	--bs-primary-switch-svg: var(--bs-navy-switch-svg);

	/* Info */

    --bs-info-hue: var(--bs-orangered-hue);
    --bs-info-saturation: var(--bs-orangered-saturation);
    --bs-info-100-hsl: var(--bs-orangered-100-hsl);
    --bs-info-200-hsl: var(--bs-orangered-200-hsl);
    --bs-info-300-hsl: var(--bs-orangered-300-hsl);
    --bs-info-400-hsl: var(--bs-orangered-400-hsl);
    --bs-info-500-hsl: var(--bs-orangered-500-hsl);
    --bs-info-600-hsl: var(--bs-orangered-600-hsl);
    --bs-info-700-hsl: var(--bs-orangered-700-hsl);
    --bs-info-800-hsl: var(--bs-orangered-800-hsl);
    --bs-info-900-hsl: var(--bs-orangered-900-hsl);
    --bs-info-100: var(--bs-orangered-100);
    --bs-info-200: var(--bs-orangered-200);
    --bs-info-300: var(--bs-orangered-300);
    --bs-info-400: var(--bs-orangered-400);
    --bs-info-500: var(--bs-orangered-500);
    --bs-info-600: var(--bs-orangered-600);
    --bs-info-700: var(--bs-orangered-700);
    --bs-info-800: var(--bs-orangered-800);
    --bs-info-900: var(--bs-orangered-900);
    --bs-info-hsl: var(--bs-orangered-hsl);
    --bs-info: var(--bs-orangered);
    --bs-info-foreground-hsl: var(--bs-orangered-foreground-hsl);
    --bs-info-foreground: var(--bs-orangered-foreground);
    --bs-info-text-emphasis-hsl: var(--bs-orangered-text-emphasis-hsl);
    --bs-info-text-emphasis: var(--bs-orangered-text-emphasis);
    --bs-info-hover-bg: var(--bs-orangered-hover-bg);
    --bs-info-active-bg: var(--bs-orangered-active-bg);
    --bs-info-bg-subtle: var(--bs-orangered-bg-subtle);
    --bs-info-border-subtle: var(--bs-orangered-border-subtle);
	--bs-info-checkbox-svg: var(--bs-blue-checkbox-svg);
	--bs-info-dash-svg: var(--bs-blue-dash-svg);
	--bs-info-radio-svg: var(--bs-blue-radio-svg);
	--bs-info-switch-svg: var(--bs-blue-switch-svg);
}

[data-bs-core=circadian][data-bs-theme=dark] {
	/* Dark gray */

	--bs-darkgray-text-emphasis-hsl: var(--bs-darkgray-200-hsl);
	--bs-darkgray-text-emphasis: hsl(var(--bs-darkgray-text-emphasis-hsl));

	/* Sable (black) */

	--bs-sable-text-emphasis-hsl: var(--bs-sable-400-hsl);
	--bs-sable-text-emphasis: hsl(var(--bs-sable-text-emphasis-hsl));
	--bs-sable-bg-subtle: hsl(var(--bs-sable-hue), var(--bs-sable-saturation), 14%);
	--bs-sable-border-subtle: var(--bs-sable-600);

	/* Blue */

	--bs-blue-text-emphasis-hsl: var(--bs-blue-300-hsl);
	--bs-blue-text-emphasis: hsl(var(--bs-blue-text-emphasis-hsl));

	/* Primary */

	--bs-primary-hue: var(--bs-orangered-hue);
    --bs-primary-saturation: var(--bs-orangered-saturation);
    --bs-primary-100-hsl: var(--bs-orangered-100-hsl);
    --bs-primary-200-hsl: var(--bs-orangered-200-hsl);
    --bs-primary-300-hsl: var(--bs-orangered-300-hsl);
    --bs-primary-400-hsl: var(--bs-orangered-400-hsl);
    --bs-primary-500-hsl: var(--bs-orangered-500-hsl);
    --bs-primary-600-hsl: var(--bs-orangered-600-hsl);
    --bs-primary-700-hsl: var(--bs-orangered-700-hsl);
    --bs-primary-800-hsl: var(--bs-orangered-800-hsl);
    --bs-primary-900-hsl: var(--bs-orangered-900-hsl);
    --bs-primary-100: var(--bs-orangered-100);
    --bs-primary-200: var(--bs-orangered-200);
    --bs-primary-300: var(--bs-orangered-300);
    --bs-primary-400: var(--bs-orangered-400);
    --bs-primary-500: var(--bs-orangered-500);
    --bs-primary-600: var(--bs-orangered-600);
    --bs-primary-700: var(--bs-orangered-700);
    --bs-primary-800: var(--bs-orangered-800);
    --bs-primary-900: var(--bs-orangered-900);
    --bs-primary-hsl: var(--bs-orangered-hsl);
    --bs-primary: var(--bs-orangered);
    --bs-primary-foreground-hsl: var(--bs-orangered-foreground-hsl);
    --bs-primary-foreground: var(--bs-orangered-foreground);
    --bs-primary-text-emphasis-hsl: var(--bs-orangered-text-emphasis-hsl);
    --bs-primary-text-emphasis: var(--bs-orangered-text-emphasis);
    --bs-primary-hover-bg: var(--bs-orangered-hover-bg);
    --bs-primary-active-bg: var(--bs-orangered-active-bg);
    --bs-primary-bg-subtle: var(--bs-orangered-bg-subtle);
    --bs-primary-border-subtle: var(--bs-orangered-border-subtle);
	--bs-primary-checkbox-svg: var(--bs-navy-checkbox-svg);
	--bs-primary-dash-svg: var(--bs-navy-dash-svg);
	--bs-primary-radio-svg: var(--bs-navy-radio-svg);
	--bs-primary-switch-svg: var(--bs-navy-switch-svg);

	/* Info */

	--bs-info-text-emphasis-hsl: var(--bs-orangered-text-emphasis-hsl);
	--bs-info-text-emphasis: var(--bs-orangered-text-emphasis);
	--bs-info-bg-subtle: var(--bs-orangered-bg-subtle);
	--bs-info-border-subtle: var(--bs-orangered-border-subtle);
}

/* Variables */

[data-bs-core=circadian] {
	/* Link */

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

	/* Content (used as needed in cards, panels, menus, etc.) */

	--bs-content-bg-hsl: var(--bs-body-bg-hsl);
	--bs-content-border-color: var(--bs-border-color);

	/* Form */

	--bs-form-focus-border-color: var(--bs-info-border-subtle);
	--bs-form-focus-shadow-hsl: var(--bs-info-hsl);
	--bs-form-check-focus-border-color: var(--bs-info-border-subtle);
}

[data-bs-core=circadian]:not([data-bs-theme=dark]) {
	/* Background */

	--bs-body-bg-hsl: var(--bs-white-hsl);
	--bs-secondary-bg-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 98.75%;
	--bs-tertiary-bg-hsl: var(--bs-lightgray-hue), var(--bs-lightgray-saturation), 97.5%;
    --bs-btn-disabled-opacity: 1;
    --bs-popover-zindex: 1044;
	/* Border */

	--bs-border-color: var(--bs-lightgray-700);
	--bs-border-color-light: var(--bs-lightgray-500);
}

[data-bs-core=circadian][data-bs-theme=dark] {
	/* Background */

	--bs-body-bg-hsl: var(--bs-sable-1000-hsl);
	--bs-secondary-bg-hsl: var(--bs-sable-800-hsl);
	--bs-tertiary-bg-hsl: var(--bs-sable-700-hsl);
    --bs-btn-disabled-opacity: 1;
    --bs-popover-zindex: 1044;
	/* Border */

	--bs-border-color: var(--bs-gray-900);

	/* Content (used as needed in cards, panels, menus, etc.) */

	--bs-content-floating-bg-hsl: var(--bs-sable-hue), var(--bs-sable-saturation), 16.5%;

	/* Action (used as needed in buttons, inputs, menu items, page links, etc.) */

	--bs-action-border-color: var(--bs-border-color);

	/* Contextual buttons */

	--bs-ctx-btn-border-color: transparent;
	--bs-ctx-btn-bg-clip: border-box;

	/* Action bar (used as needed in range, progress, etc.) */

	--bs-actionbar-border-color: hsla(var(--bs-white-hsl), 0.075);
	--bs-progresstrack-border-width: 0;
	--bs-progresstrack-box-shadow: inset 0 0 0 var(--bs-border-width) var(--bs-actionbar-border-color);
	--bs-progresstrack-bg-clip: border-box;
}

/* Sidebar */

[data-bs-core=circadian] .sidebar {
	--bs-sidebar-item-padding-x: 1rem;
	--bs-sidebar-item-padding-y: 0.25rem;
	--bs-sidebar-header-font-weight: var(--bs-font-weight-bold);
	--bs-sidebar-divider-bg: var(--bs-sidebar-bg);
}

[data-bs-core=circadian] .sidebar-nav .nav-link {
	border-left: var(--bs-border-width) solid var(--bs-border-color-light);
}

[data-bs-core=circadian] .sidebar-nav .nav-link.active,
[data-bs-core=circadian] .sidebar-nav .nav-link.show {
	font-weight: var(--bs-font-weight-bold);
	border-color: currentColor;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}