:root,
[data-bs-theme=light] 
{
	--ph-font-size: 14px;
	--ph-body-color: #53565C;

	--ph-body-bg: #FFFFFF;
	--ph-body-color-rgb: rgba(255, 255, 255, 1);

	--ph-body-fe-bg: #D0D0CE;
	--ph-body-fe-color-rgb: rgba(208, 208, 206, 1);

	--ph-content-color: #000000;
	--ph-content-bg: #FFFFFF;

	--ph-pagination-color: #FFFFFF;

	/* Primary Color */

	--ph-primary: #A35138;
	--ph-primary-rgb: rgba(163, 81, 56, 1);

	--ph-primary-link: #A35138;
	--ph-primary-link-hover: #A35138;

	--ph-primary-link-fe: #A35138;
	--ph-primary-link-fe-hover: #A35138;

	--ph-primary-color-subtle: #A35138;
	--ph-primary-color-subtle-2: #A35138;

	--ph-primary-bg-subtle: color-mix(in srgb, var(--ph-primary) 20%, var(--ph-primary) 0%);
	--ph-primary-bg-subtle-2: color-mix(in srgb, var(--ph-primary) 10%, var(--ph-primary) 0%);

	--ph-primary-bg-subtle-color-mix: color-mix(in srgb, var(--ph-primary) 20%, transparent);
	--ph-primary-bg-subtle-2-color-mix: color-mix(in srgb, var(--ph-primary) 10%, transparent);

	--ph-primary-border-subtle: color-mix(in srgb, var(--ph-primary) 20%, var(--ph-primary) 0%);
	--ph-primary-border-subtle: color-mix(in srgb, var(--ph-primary) 10%, var(--ph-primary) 0%);

	--ph-primary-text-emphasis: #A35138;

	--ph-primary-hover-bg: #b36f5b;
	--ph-primary-hover-text: #FFFFFF;
	--ph-primary-hover-border: #b36f5b;

	--ph-primary-focus-shadow-rgb: rgba(227, 202, 195, 1);

	--ph-primary-active-bg: #b36f5b;
	--ph-primary-active-text: #FFFFFF;
	--ph-primary-active-border: #b36f5b;
	--ph-primary-active-shadow: #e3cac3;

	--ph-primary-disable-bg: #e2c9c1;
	--ph-primary-disable-text: #A35138;
	--ph-primary-disable-border: #e2c9c1;

	/* Secondary Color  */

	--ph-secondary: #53565C;
	--ph-secondary-rgb: rgba(83, 86, 92, 1);

	--ph-secondary-color-subtle: #53565C;
	--ph-secondary-color-subtle-2: #53565C;

	--ph-secondary-bg-subtle: color-mix(in srgb, var(--ph-secondary) 20%, var(--ph-secondary) 0%);
	--ph-secondary-bg-subtle-2: color-mix(in srgb, var(--ph-secondary) 10%, var(--ph-secondary) 0%);

	--ph-secondary-bg-subtle-color-mix: color-mix(in srgb, var(--ph-secondary) 20%, transparent);
	--ph-secondary-bg-subtle-2-color-mix: color-mix(in srgb, var(--ph-secondary) 10%, transparent);
	
	--ph-secondary-border-subtle: color-mix(in srgb, var(--ph-secondary) 20%, var(--ph-secondary) 0%);
	--ph-secondary-border-subtle-2: color-mix(in srgb, var(--ph-secondary) 10%, var(--ph-secondary) 0%);
	
	--ph-secondary-text-emphasis: #FFFFFF;

	--ph-secondary-hover-bg: #53565C;
	--ph-secondary-hover-text: #FFFFFF;
	--ph-secondary-hover-border: #53565C;

	--ph-secondary-focus-shadow-rgb: rgba(203, 204, 206, 1);

	--ph-secondary-active-bg: #717479;
	--ph-secondary-active-text: #FFFFFF;
	--ph-secondary-active-border: #717479;
	--ph-secondary-active-shadow: #F2FAFC;

	--ph-secondary-disable-bg: #8f9195;
	--ph-secondary-disable-text: #FFFFFF;
	--ph-secondary-disable-border: #8f9195;

	/* Callout Toast */

	--ph-callout-bg: #FFFFFF;
	--ph-callout-color: #000000;

	--ph-callout-success-color: #04BB7B;
	--ph-callout-danger-color: #DC3545;
	--ph-callout-info-color: #0DCAF0;
	--ph-callout-warning-color: #FFC107;

	/* Default Modal CRUD  */

	--ph-modal-create-width: 500px;
	--ph-modal-read-width: 500px;
	--ph-modal-update-width: 500px;
	--ph-modal-delete-width: 425px;

	/* Toast */

	--ph-toast-success: #04bb7b;
	--ph-toast-success-rgb: 4, 187, 123;
	--ph-toast-danger: #dc3545;
	--ph-toast-danger-rgb: 220, 53, 69;
	--ph-toast-info: #0dcaf0;
	--ph-toast-info-rgb: 13, 202, 240;
	--ph-toast-warning: #ffc107;
	--ph-toast-warning-rgb: 255, 193, 7;

	/* Other Variable CSS */

	--vs-selected-bg: #F0F0F0;
	--vs-controls-color: rgba(60, 60, 60, 0.5);

	--vs-dropdown-bg: #FFFFFF;
	--vs-dropdown-color: #000000;
	--vs-dropdown-option-color: #000000;

	--vs-dropdown-option--active-bg: #E01D24;
	--vs-dropdown-option--active-color: #EEEEEE;

	--ph-list-group-bg: #D0D0CE;
	--ph-list-group-border-color: #53565C;

	/* Colors: */
	--unnamed-color-00000000: #00000000;
	--unnamed-color-a35138: #A35138;
	--unnamed-color-ffffff: #FFFFFF;
	--unnamed-color-53565c: #53565C;
	--unnamed-color-d0d0ce: #D0D0CE;

	/* Font/text values */
	--unnamed-font-family-roboto-regular: Roboto-Regular;
	--unnamed-font-family-roboto: Roboto;
	--unnamed-font-family-roboto-light: Roboto-Light;
	--unnamed-font-style-normal: normal;
	--unnamed-font-weight-300: 300;
	--unnamed-font-weight-400: 400;
	--unnamed-font-weight-500: 500;
	--unnamed-font-weight-600: 600;
	--unnamed-font-weight-700: 700;
	--unnamed-font-weight-normal: normal;
	--unnamed-font-size-16: 14px;
	--unnamed-font-size-16: 16px;
	--unnamed-font-size-18: 18px;
	--unnamed-font-size-20: 20px;
	--unnamed-font-size-22: 22px;
	--unnamed-font-size-24: 24px;
	--unnamed-font-size-28: 28px;
	--unnamed-font-size-30: 30px;
	--unnamed-font-size-32: 32px;
	--unnamed-font-size-34: 34px;
	--unnamed-font-size-42: 42px;
	--unnamed-font-size-48: 48px;
	--unnamed-font-size-60: 60px;
	--unnamed-font-size-72: 72px;
	--unnamed-character-spacing-0: 0px;
	--unnamed-character-spacing-0-01: 0.01px;
	--unnamed-character-spacing-0-02: 0.02px;
	--unnamed-character-spacing--0-02: -0.02px;
	--unnamed-character-spacing--0-03: -0.03px;
	--unnamed-line-spacing-18: 18px;
	--unnamed-line-spacing-21: 21px;
	--unnamed-line-spacing-24: 24px;
	--unnamed-line-spacing-28: 28px;
	--unnamed-line-spacing-32: 32px;
	--unnamed-line-spacing-36: 36px;
	--unnamed-line-spacing-42: 42px;
	--unnamed-line-spacing-48: 48px;
	--unnamed-line-spacing-52: 52px;
	--unnamed-line-spacing-60: 60px;
	--unnamed-line-spacing-62: 62px;
	--unnamed-line-spacing-72: 72px;
	--unnamed-line-spacing-92: 92px;
	--unnamed-text-transform-uppercase: uppercase;
}

[data-bs-theme=dark] 
{
	--ph-body-color: #FFFFFF;

	--ph-body-bg: #212529;
	--ph-body-color-rgb: rgba(33, 37, 41, 1);

	--ph-content-color: #FFFFFF;
	--ph-content-bg: #36393D;

	--ph-pagination-color: #FFFFFF;

	/* Primary Color */

	--ph-primary: #A35138;
	--ph-primary-rgb: rgba(163, 81, 56, 1);

	--ph-primary-link: #db9881;

	--ph-primary-color-subtle: #A35138;
	--ph-primary-color-subtle-2: #A35138;

	--ph-primary-bg-subtle: color-mix(in srgb, var(--ph-primary) 20%, var(--ph-primary) 0%);
	--ph-primary-bg-subtle-2: color-mix(in srgb, var(--ph-primary) 10%, var(--ph-primary) 0%);

	--ph-primary-bg-subtle-color-mix: color-mix(in srgb, var(--ph-primary) 20%, transparent);
	--ph-primary-bg-subtle-2-color-mix: color-mix(in srgb, var(--ph-primary) 10%, transparent);

	--ph-primary-border-subtle: color-mix(in srgb, var(--ph-primary) 20%, var(--ph-primary) 0%);
	--ph-primary-border-subtle: color-mix(in srgb, var(--ph-primary) 10%, var(--ph-primary) 0%);

	--ph-primary-text-emphasis: #A35138;

	--ph-primary-hover-bg: #b36f5b;
	--ph-primary-hover-text: #FFFFFF;
	--ph-primary-hover-border: #b36f5b;

	--ph-primary-focus-shadow-rgb: rgba(227, 202, 195, 1);

	--ph-primary-active-bg: #b36f5b;
	--ph-primary-active-text: #FFFFFF;
	--ph-primary-active-border: #b36f5b;
	--ph-primary-active-shadow: #e3cac3;

	--ph-primary-disable-bg: #e2c9c1;
	--ph-primary-disable-text: #A35138;
	--ph-primary-disable-border: #e2c9c1;

	/* Secondary Color  */

	--ph-secondary: #53565C;
	--ph-secondary-rgb: rgba(83, 86, 92, 1);

	--ph-secondary-color-subtle: #53565C;
	--ph-secondary-color-subtle-2: #53565C;

	--ph-secondary-bg-subtle: color-mix(in srgb, var(--ph-secondary) 20%, var(--ph-secondary) 0%);
	--ph-secondary-bg-subtle-2: color-mix(in srgb, var(--ph-secondary) 10%, var(--ph-secondary) 0%);

	--ph-secondary-bg-subtle-color-mix: color-mix(in srgb, var(--ph-secondary) 20%, transparent);
	--ph-secondary-bg-subtle-2-color-mix: color-mix(in srgb, var(--ph-secondary) 10%, transparent);
	
	--ph-secondary-border-subtle: color-mix(in srgb, var(--ph-secondary) 20%, var(--ph-secondary) 0%);
	--ph-secondary-border-subtle-2: color-mix(in srgb, var(--ph-secondary) 10%, var(--ph-secondary) 0%);
	
	--ph-secondary-text-emphasis: #FFFFFF;

	--ph-secondary-hover-bg: #53565C;
	--ph-secondary-hover-text: #FFFFFF;
	--ph-secondary-hover-border: #53565C;

	--ph-secondary-focus-shadow-rgb: rgba(203, 204, 206, 1);

	--ph-secondary-active-bg: #717479;
	--ph-secondary-active-text: #FFFFFF;
	--ph-secondary-active-border: #717479;
	--ph-secondary-active-shadow: #F2FAFC;

	--ph-secondary-disable-bg: #8f9195;
	--ph-secondary-disable-text: #FFFFFF;
	--ph-secondary-disable-border: #8f9195;

	/* Callout Toast */

	--ph-callout-bg: #000000;
	--ph-callout-color: #FFFFFF;

	--ph-callout-success-color: #04BB7B;
	--ph-callout-danger-color: #DC3545;
	--ph-callout-info-color: #0DCAF0;
	--ph-callout-warning-color: #FFC107;

	/* Toast */

	--ph-toast-success: #04bb7b;
	--ph-toast-success-rgb: 4, 187, 123;
	--ph-toast-danger: #dc3545;
	--ph-toast-danger-rgb: 220, 53, 69;
	--ph-toast-info: #0dcaf0;
	--ph-toast-info-rgb: 13, 202, 240;
	--ph-toast-warning: #ffc107;
	--ph-toast-warning-rgb: 255, 193, 7;

	/* Other Variable CSS */

	--vs-selected-bg: #676767;
	--vs-controls-color: rgba(255, 255, 255, 0.5);

	--vs-dropdown-bg: #282C34;
	--vs-dropdown-color: #FFFFFF;
	--vs-dropdown-option-color: #FFFFFF;

	--vs-dropdown-option--active-bg: #E01D24;
	--vs-dropdown-option--active-color: #EEEEEE;
}

@font-face 
{
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: 
	url('/assets/fonts/nunito/ttf/Nunito-LightItalic.ttf') format('truetype'),
	url('/assets/fonts/nunito/woff2/Nunito-LightItalic.woff2') format('woff2');
}

@font-face 
{
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: 
	url('/assets/fonts/nunito/ttf/Nunito-Light.ttf') format('truetype'),
	url('/assets/fonts/nunito/woff2/Nunito-Light.woff2') format('woff2');
}

@font-face 
{
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: 
	url('/assets/fonts/nunito/ttf/Nunito-Regular.ttf') format('truetype'),
	url('/assets/fonts/nunito/woff2/Nunito-Regular.woff2') format('woff2');
}

@font-face 
{
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: 
	url('/assets/fonts/nunito/ttf/Nunito-MediumItalic.ttf') format('truetype'),
	url('/assets/fonts/nunito/woff2/Nunito-MediumItalic.woff2') format('woff2');
}

@font-face 
{
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: 
	url('/assets/fonts/nunito/ttf/Nunito-Medium.ttf') format('truetype'),
	url('/assets/fonts/nunito/woff2/Nunito-Medium.woff2') format('woff2');
}

@font-face 
{
	font-family: 'Nunito';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: 
	url('/assets/fonts/nunito/ttf/Nunito-SemiBoldItalic.ttf') format('truetype'),
	url('/assets/fonts/nunito/woff2/Nunito-SemiBoldItalic.woff2') format('woff2');
}

@font-face 
{
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: 
	url('/assets/fonts/nunito/ttf/Nunito-SemiBold.ttf') format('truetype'),
	url('/assets/fonts/nunito/woff2/Nunito-SemiBold.woff2') format('woff2');
}

@font-face 
{
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: 
	url('/assets/fonts/nunito/ttf/Nunito-Bold.ttf') format('truetype'),
	url('/assets/fonts/nunito/woff2/Nunito-Bold.woff2') format('woff2');
}