@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");

:root {
	
	/* CUSTOM COLOURS 
	
	Try to keep the colours the same and just change the variables used!*/
	
	--kitt-blue: #0d6efd;
	--kitt-indigo: #6610f2;
	--kitt-purple: #6f42c1;
	--kitt-pink: #d63384;
	--kitt-red: #dc3545;
	--kitt-orange: #fd7e14;
	--kitt-yellow: #ffc107;
	--kitt-green: #198754;
	--kitt-teal: #20c997;
	--kitt-cyan: #0dcaf0;
	--kitt-light-blue-one: #86b7fe;
	--kitt-light-blue-two: #b6d4fe;
	
	--kitt-white: #ffffff;
	--kitt-off-white: #fcf8e3;
	--kitt-black: #000000;
	
	--kitt-gray: #6c757d;
	--kitt-gray-dark: #343a40;
	--kitt-gray-100: #f8f9fa;
	--kitt-gray-200: #e9ecef;
	--kitt-gray-250: #dde0e3;
	--kitt-gray-300: #dee2e6; 
	--kitt-gray-400: #ced4da;
	--kitt-gray-500: #adb5bd;
	--kitt-gray-600: #6c757d;
	--kitt-gray-700: #495057;
	--kitt-gray-800: #343a40;
	--kitt-gray-900: #000000;
	
	/* The light colours are used for contextual tables */
	
	--kitt-primary-light-one: #bacbe6;
	--kitt-primary-light-two: #cfe2ff;
	--kitt-primary-light-three: #c5d7f2;
	--kitt-primary-light-four: #bfd1ec;
	
	--kitt-primary: #212529;
	--kitt-primary-hover: #6c757d;
	--kitt-primary-alert-text: #084298;

	--kitt-secondary-light-one: #cbccce;
	--kitt-secondary-light-two: #e2e3e5;
	--kitt-secondary-light-three: #d7d8da;
	--kitt-secondary-light-four: #d1d2d4;
	
	--kitt-secondary: #6c757d;
	--kitt-secondary-hover: #565e64;
	--kitt-secondary-alert-text: #41464b;


	--kitt-success-light-one: #bcd0c7;
	--kitt-success-light-two: #d1e7dd;
	--kitt-success-light-three: #c7dbd2;
	--kitt-success-light-four: #c1d6cc;
	
	--kitt-success: #198754;
	--kitt-success-hover: #146c43;
	--kitt-success-alert-text: #0f5132;


	--kitt-info-light-one: #badce3;
	--kitt-info-light-two: #cff4fc;
	--kitt-info-light-three: #c5e8ef;
	--kitt-info-light-four: #bfe2e9;
	
	--kitt-info: #0dcaf0;
	--kitt-info-hover: #3dd5f3;
	--kitt-info-alert-text: #055160;


	--kitt-warning-light-one: #e6dbb9;
	--kitt-warning-light-two: #fff3cd;
	--kitt-warning-light-three: #f2e7c3;
	--kitt-warning-light-four: #ece1be;
	
	--kitt-warning: #ffc107;
	--kitt-warning-hover: #ffcd39;
	--kitt-warning-alert-text: #664d03;


	--kitt-danger-light-one: #dfc2c4;
	--kitt-danger-light-two: #f8d7da;
	--kitt-danger-light-three: #eccccf;
	--kitt-danger-light-four: #e5c7ca;
	
	--kitt-danger: #dc3545;
	--kitt-danger-hover: #b02a37;
	--kitt-danger-alert-text: #842029;


	--kitt-light-light-one: #dfe0e1;
	--kitt-light-light-two: #f8f9fa;
	--kitt-light-light-three: #ecedee;
	--kitt-light-light-four: #e5e6e7;
	
	--kitt-light: #f8f9fa;
	--kitt-light-hover: #f9fafb;
	--kitt-light-alert-text: #636464;


	--kitt-dark-light-one: #373b3e;
	--kitt-dark-light-two: #2c3034;
	--kitt-dark-light-three: #323539;
	
	--kitt-dark: #212529;
	--kitt-dark-hover: #1a1e21;
	--kitt-dark-alert-text: #141619;


	--kitt-body-color: var(--kitt-white);
	--kitt-body-bg: var(--kitt-white);
	
	--kitt-primary-rgb: 13, 110, 253;
	--kitt-primary-rgb-hover: 49, 132, 253;
	
	--kitt-secondary-rgb: 108, 117, 125;
	--kitt-secondary-rgb-hover: 130, 138, 145;
	
	--kitt-success-rgb: 25, 135, 84;
	--kitt-success-rbg-hover: 60, 153, 110;
	
	--kitt-info-rgb: 13, 202, 240;
	--kitt-info-rbg-hover: 11, 172, 204;
	
	--kitt-warning-rgb: 255, 193, 7;
	--kitt-warning-rbg-hover: 217, 164, 6;
	
	--kitt-danger-rgb: 220, 53, 69;
	--kitt-danger-rbg-hover: 225, 83, 97;
	
	--kitt-light-rgb: 248, 249, 250;
	--kitt-light-rbg-hover: 211, 212, 213;
	
	--kitt-dark-rgb: 33, 37, 41;
	--kitt-dark-rbg-hover: 66, 70, 73;
	
	--kitt-white-rgb: 255, 255, 255;
	--kitt-black-rgb: 0, 0, 0;

	--kitt-body-color-rgb: 33, 37, 41;
	--kitt-body-bg-rgb: 255, 255, 255;
	
	--kitt-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	
	/* CUSTOM TYPEFACE */
	
	--kitt-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--kitt-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--kitt-body-font-family: var(--kitt-font-sans-serif);
	--kitt-body-font-size: 1rem;
	--kitt-body-font-weight: 400;
	--kitt-body-line-height: 1.5;
	
	/* VARIABLES - START */
	
	/* GENERAL/TYPOGRAPHY */
	
		/* Mark */
		
		--kitt-mark-bg-color: var(--kitt-off-white);
		
		/* Code */
		
		--kitt-code-color: var(--kitt-pink);
		
		/* Keyboard */

		--kitt-kbd-color: var(--kitt-white);
		--kitt-kbd-bg-color: var(--kitt-dark);
		
		/* Captions */
		
		--kitt-captions-color: var(--kitt-secondary);
		--kitt-figure-captions-color: var(--kitt-secondary);
		
		/* Blockquotes */
		
		--kitt-blockquote-footer-color: var(--kitt-secondary);
		
	/* lINKS */
	
		/* General links */
		
		--kitt-links-color: var(--kitt-secondary);
		--kitt-links-hover-color: var(--kitt-primary-hover);
		
		/* Breadcrumbs */
		
		--kitt-breadcrumb-before: var(--kitt-secondary); /* This is the forward slash that appears when you use breadcrumbs */
		--kitt-breadcrumb-active: var(--kitt-secondary);
		
		/* Pagination */
	
		--kitt-page-links-color: var(--kitt-secondary);
		--kitt-page-links-bg-color: var(--kitt-white);
		--kitt-page-links-border-color: var(--kitt-gray-300);
		
		--kitt-page-links-hover-color: var(--kitt-white);
		--kitt-page-links-hover-bg-color: var(--kitt-gray-200);
		--kitt-page-links-hover-border-color: var(--kitt-gray-300);
		
		--kitt-page-links-focus-color: var(--kitt-primary-hover);
		--kitt-page-links-focus-bg-color: var(--kitt-gray-200);
		--kitt-page-links-focus-shadow-color: var(--kitt-primary-rgb);
		
		--kitt-page-links-active-color: var(--kitt-white);
		--kitt-page-links-active-bg-color: var(--kitt-primary);
		--kitt-page-links-active-border-color: var(--kitt-primary);
		
		--kitt-page-links-disabled-color: var(--kitt-secondary);
		--kitt-page-links-disabled-bg-color: var(--kitt-secondary);
		--kitt-page-links-disabled-border-color: var(--kitt-gray-300);
		
		/* Contextual links (uses primary, warning, etc, to colour them) */
		
		--kitt-links-primary-color: var(--kitt-secondary);
		--kitt-links-primary-hover-color: var(--kitt-primary-hover);
		
		--kitt-links-secondary-color: var(--kitt-secondary);
		--kitt-links-secondary-hover-color: var(--kitt-secondary-hover);
		
		--kitt-links-success-color: var(--kitt-success);
		--kitt-links-success-hover-color: var(--kitt-success-hover);
		
		--kitt-links-info-color: var(--kitt-info);
		--kitt-links-info-hover-color: var(--kitt-info-hover);
		
		--kitt-links-warning-color: var(--kitt-warning);
		--kitt-links-warning-hover-color: var(--kitt-warning-hover);
		
		--kitt-links-danger-color: var(--kitt-danger);
		--kitt-links-danger-hover-color: var(--kitt-danger-hover);
		
		--kitt-links-light-color: var(--kitt-light);
		--kitt-links-light-hover-color: var(--kitt-light-hover);
		
		--kitt-links-dark-color: var(--kitt-secondary);
		--kitt-links-dark-hover-color: var(--kitt-dark-hover);
		
	/* IMAGES */
	
		/* Image thumbnails */
		
		--kitt-img-thumbnail-bg-color: var(--kitt-white);
		--kitt-img-thumbnail-border-color: var(--kitt-gray-300);
		
		/* Carousels */
		
		--kitt-carousel-control-color: var(--kitt-white);
		--kitt-carousel-control-hover-color: var(--kitt-white);
		--kitt-carousel-indicator-bg-color: var(--kitt-white);
		--kitt-carousel-caption-color: var(--kitt-white);
		--kitt-carousel-dark-indicator-bg-color: var(--kitt-black);
		--kitt-carousel-dark-caption-color: var(--kitt-black);
		
	/* TABLES */
	
		/* General tables */
		
		--kitt-table-color: var(--kitt-secondary);
		--kitt-table-border-color: var(--kitt-gray-300);
		
		--kitt-table-bg: transparent;
		--kitt-table-accent-bg: transparent;
		--kitt-table-striped-color: var(--kitt-dark);
		--kitt-table-striped-bg: rgba(var(--kitt-black-rgb), 0.05);
		--kitt-table-active-color: var(--kitt-dark);
		--kitt-table-active-bg: rgba(var(--kitt-black-rgb), 0.1);
		--kitt-table-hover-color: var(--kitt-dark);
		--kitt-table-hover-bg: rgba(var(--kitt-black-rgb), 0.075);
		
		/* Contextual tables (uses primary, warning, etc, to colour them) */
		
		--kitt-table-primary-color: var(--kitt-black);
		--kitt-table-primary-border-color: var(--kitt-primary-light-one);
		--kitt-table-primary-bg: var(--kitt-primary-light-two);
		--kitt-table-primary-striped-bg: var(--kitt-primary-light-three);
		--kitt-table-primary-striped-color: var(--kitt-black);
		--kitt-table-primary-active-bg: var(--kitt-primary-light-one);
		--kitt-table-primary-active-color: var(--kitt-black);
		--kitt-table-primary-hover-bg: var(--kitt-primary-light-four);
		--kitt-table-primary-hover-color: var(--kitt-black);
		
		--kitt-table-secondary-color: var(--kitt-black);
		--kitt-table-secondary-border-color: var(--kitt-secondary-light-one);
		--kitt-table-secondary-bg: var(--kitt-secondary-light-two);
		--kitt-table-secondary-striped-bg: var(--kitt-secondary-light-three);
		--kitt-table-secondary-striped-color: var(--kitt-black);
		--kitt-table-secondary-active-bg: var(--kitt-secondary-light-one);
		--kitt-table-secondary-active-color: var(--kitt-black);
		--kitt-table-secondary-hover-bg: var(--kitt-secondary-light-four);
		--kitt-table-secondary-hover-color: var(--kitt-black);
		
		--kitt-table-success-color: var(--kitt-black);
		--kitt-table-success-border-color: var(--kitt-success-light-one);
		--kitt-table-success-bg: var(--kitt-success-light-two);
		--kitt-table-success-striped-bg: var(--kitt-success-light-three);
		--kitt-table-success-striped-color: var(--kitt-black);
		--kitt-table-success-active-bg: var(--kitt-success-light-one);
		--kitt-table-success-active-color: var(--kitt-black);
		--kitt-table-success-hover-bg: var(--kitt-success-light-four);
		--kitt-table-success-hover-color: var(--kitt-black);
		
		--kitt-table-info-color: var(--kitt-black);
		--kitt-table-info-border-color: var(--kitt-info-light-one);
		--kitt-table-info-bg: var(--kitt-info-light-two);
		--kitt-table-info-striped-bg: var(--kitt-info-light-three);
		--kitt-table-info-striped-color: var(--kitt-black);
		--kitt-table-info-active-bg: var(--kitt-info-light-one);
		--kitt-table-info-active-color: var(--kitt-black);
		--kitt-table-info-hover-bg: var(--kitt-info-light-four);
		--kitt-table-info-hover-color: var(--kitt-black);
		
		--kitt-table-warning-color: var(--kitt-black);
		--kitt-table-warning-border-color: var(--kitt-warning-light-one);
		--kitt-table-warning-bg: var(--kitt-warning-light-two);
		--kitt-table-warning-striped-bg: var(--kitt-warning-light-three);
		--kitt-table-warning-striped-color: var(--kitt-black);
		--kitt-table-warning-active-bg: var(--kitt-warning-light-one);
		--kitt-table-warning-active-color: var(--kitt-black);
		--kitt-table-warning-hover-bg: var(--kitt-warning-light-four);
		--kitt-table-warning-hover-color: var(--kitt-black);
		
		--kitt-table-danger-color: var(--kitt-black);
		--kitt-table-danger-border-color: var(--kitt-danger-light-one);
		--kitt-table-danger-bg: var(--kitt-danger-light-two);
		--kitt-table-danger-striped-bg: var(--kitt-danger-light-three);
		--kitt-table-danger-striped-color: var(--kitt-black);
		--kitt-table-danger-active-bg: var(--kitt-danger-light-one);
		--kitt-table-danger-active-color: var(--kitt-black);
		--kitt-table-danger-hover-bg: var(--kitt-danger-light-four);
		--kitt-table-danger-hover-color: var(--kitt-black);
		
		--kitt-table-light-color: var(--kitt-black);
		--kitt-table-light-border-color: var(--kitt-light-light-one);
		--kitt-table-light-bg: var(--kitt-light-light-two);
		--kitt-table-light-striped-bg: var(--kitt-light-light-three);
		--kitt-table-light-striped-color: var(--kitt-black);
		--kitt-table-light-active-bg: var(--kitt-light-light-one);
		--kitt-table-light-active-color: var(--kitt-black);
		--kitt-table-light-hover-bg: var(--kitt-light-light-four);
		--kitt-table-light-hover-color: var(--kitt-black);
		
		--kitt-table-dark-color: var(--kitt-white);
		--kitt-table-dark-border-color: var(--kitt-dark-light-one);
		--kitt-table-dark-bg: var(--kitt-dark);
		--kitt-table-dark-striped-bg: var(--kitt-dark-light-two);
		--kitt-table-dark-striped-color: var(--kitt-white);
		--kitt-table-dark-active-bg: var(--kitt-dark-light-one);
		--kitt-table-dark-active-color: var(--kitt-white);
		--kitt-table-dark-hover-bg: var(--kitt-dark-light-three);
		--kitt-table-dark-hover-color: var(--kitt-white);
		
		/* FORMS */
	
		/* General forms */
		
		--kitt-form-text-color: var(--kitt-secondary);
		
		--kitt-form-control-plain-text-color: var(--kitt-secondary);
		--kitt-form-control-color: var(--kitt-dark);
		--kitt-form-control-bg-color: var(--kitt-white);
		--kitt-form-control-border-color: var(--kitt-gray-400);
		
		--kitt-form-control-focus-color: var(--kitt-dark);
		--kitt-form-control-focus-bg-color: var(--kitt-white);
		--kitt-form-control-focus-border-color: var(--kitt-light-blue-one);
		--kitt-form-control-focus-shadow-color: var(--kitt-primary-rgb);
		
		--kitt-form-control-placeholder-color: var(--kitt-secondary);
		--kitt-form-control-disabled-color: var(--kitt-gray-200);
		
		--kitt-form-control-upload-button-color: var(--kitt-dark);
		--kitt-form-control-upload-button-bg-color: var(--kitt-gray-200);
		
		--kitt-form-control-hover-bg-color: var(--kitt-gray-250);
		
		/* Select forms */
		
		--kitt-form-select-color: var(--kitt-dark);
		--kitt-form-select-bg-color: var(--kitt-white);
		--kitt-form-select-border-color: var(--kitt-gray-400);
		
		--kitt-form-select-focus-border-color: var(--kitt-light-blue-one);
		--kitt-form-select-focus-shadow-color: var(--kitt-primary-rgb);
		
		--kitt-form-select-disabled-bg-color: var(--kitt-gray-200);
		
		--kitt-form-select-moz-focusring-text-shadow-color: var(--kitt-dark);
		
		/* Check forms */
		
		--kitt-form-check-input-bg-color: var(--kitt-white);
		--kitt-form-check-input-border-color: var(--kitt-black-rgb);
		
		--kitt-form-check-input-focus-border-color: var(--kitt-light-blue-one);
		--kitt-form-check-input-focus-shadow-color: var(--kitt-primary-rgb);
		
		--kitt-form-check-input-checked-bg-color: var(--kitt-primary);
		--kitt-form-check-input-checked-border-color: var(--kitt-primary);
		
		--kitt-form-check-input-indeterminate-bg-color: var(--kitt-primary);
		--kitt-form-check-input-indeterminate-border-color: var(--kitt-primary);
		
		/* Range forms */
		
		--kitt-form-range-focus-webkit-shadow-color-one: var(--kitt-white);
		--kitt-form-range-focus-webkit-shadow-color-two: var(--kitt-primary-rgb);
		
		--kitt-form-range-webkit-slider-thumb-bg-color: var(--kitt-primary);
		--kitt-form-range-webkit-slider-thumb-active-bg-color: var(--kitt-light-blue-two);
		--kitt-form-range-webkit-slider-thumb-disabled-bg-color: var(--kitt-gray-500);
		--kitt-form-range-webkit-slider-runnable-track-bg-color: var(--kitt-gray-300);
		
		--kitt-form-range-focus-moz-shadow-color-one: var(--kitt-white);
		--kitt-form-range-focus-moz-shadow-color-two: var(--kitt-primary-rgb);
		
		--kitt-form-range-moz-range-thumb-bg-color: var(--kitt-primary);
		--kitt-form-range-moz-range-thumb-active-bg-color: var(--kitt-light-blue-two);
		--kitt-form-range-moz-range-thumb-disabled-bg-color: var(--kitt-gray-500);
		--kitt-form-range-moz-range-track-bg-color: var(--kitt-gray-300);
		
		/* Input forms + form validation */
		
		--kitt-input-group-text-color: var(--kitt-dark);
		--kitt-input-group-text-bg-color: var(--kitt-gray-200);
		--kitt-input-group-text-border-color: var(--kitt-gray-400);
		
		--kitt-valid-feedback-color: var(--kitt-success);
		--kitt-valid-feeback-tooltip-color: var(--kitt-white);
		--kitt-valid-feeback-tooltip-bg-color: var(--kitt-success-rgb);
		
		--kitt-form-control-validated-border-color: var(--kitt-success);
		--kitt-form-control-validated-focus-border-color: var(--kitt-success);
		--kitt-form-control-validated-focus-shadow-color: var(--kitt-success-rgb);
		
		--kitt-form-select-validated-border-color: var(--kitt-success);
		--kitt-form-select-validated-focus-border-color: var(--kitt-success);
		--kitt-form-select-validated-focus-shadow-color: var(--kitt-success-rgb);
		
		--kitt-form-check-input-validated-border-color: var(--kitt-success);
		--kitt-form-check-input-validated-focus-border-color: var(--kitt-success);
		--kitt-form-check-input-validated-focus-shadow-color: var(--kitt-success-rgb);
		--kitt-form-check-input-validated-color: var(--kitt-success);
		
		--kitt-invalid-feedback-color: var(--kitt-danger);
		--kitt-invalid-feeback-tooltip-color: var(--kitt-white);
		--kitt-invalid-feeback-tooltip-bg-color: var(--kitt-danger-rgb);
		
		--kitt-form-control-invalid-border-color: var(--kitt-danger);
		--kitt-form-control-invalid-focus-border-color: var(--kitt-danger);
		--kitt-form-control-invalid-focus-shadow-color: var(--kitt-danger-rgb);
		
		--kitt-form-select-invalid-border-color: var(--kitt-danger);
		--kitt-form-select-invalid-focus-border-color: var(--kitt-danger);
		--kitt-form-select-invalid-focus-shadow-color: var(--kitt-danger-rgb);
		
		--kitt-form-check-input-invalid-border-color: var(--kitt-danger);
		--kitt-form-check-input-invalid-focus-border-color: var(--kitt-danger);
		--kitt-form-check-input-invalid-focus-shadow-color: var(--kitt-danger-rgb);
		--kitt-form-check-input-invalid-color: var(--kitt-danger);
		
		/* BUTTONS */
	
		/* General buttons */
		
		--kitt-btn-color: var(--kitt-dark);
		--kitt-btn-hover-color: var(--kitt-dark);
		
		--kitt-btn-check-focus-shadow-color: var(--kitt-primary-rgb);
		
		--kitt-btn-link-color: var(--kitt-primary);
		--kitt-btn-link-hover-color: var(--kitt-primary-hover);
		
		--kitt-btn-link-disabled-color: var(--kitt-secondary);
		
		/* Contextual buttons (uses primary, warning, etc, to colour them) */
		
		--kitt-btn-primary-color: var(--kitt-white);
		--kitt-btn-primary-bg-color: var(--kitt-primary);
		--kitt-btn-primary-border-color: var(--kitt-primary);
		--kitt-btn-primary-hover-color: var(--kitt-white);
		--kitt-btn-primary-hover-bg-color: var(--kitt-primary-hover);
		--kitt-btn-primary-hover-border-color: var(--kitt-primary-hover);
		
		--kitt-btn-primary-focus-color: var(--kitt-white);
		--kitt-btn-primary-focus-bg-color: var(--kitt-primary-hover);
		--kitt-btn-primary-focus-border-color: var(--kitt-primary-hover);
		--kitt-btn-primary-focus-shadow-color: var(--kitt-primary-rgb-hover);
		
		--kitt-btn-primary-active-color: var(--kitt-white);
		--kitt-btn-primary-active-bg-color: var(--kitt-primary-hover);
		--kitt-btn-primary-active-border-color: var(--kitt-primary-hover);
		--kitt-btn-primary-active-shadow-color: var(--kitt-primary-rgb-hover);
		
		--kitt-btn-primary-disabled-color: var(--kitt-white);
		--kitt-btn-primary-disabled-bg-color: var(--kitt-primary);
		--kitt-btn-primary-disabled-border-color: var(--kitt-primary);
		
		--kitt-btn-secondary-color: var(--kitt-white);
		--kitt-btn-secondary-bg-color: var(--kitt-secondary);
		--kitt-btn-secondary-border-color: var(--kitt-secondary);
		--kitt-btn-secondary-hover-color: var(--kitt-white);
		--kitt-btn-secondary-hover-bg-color: var(--kitt-secondary-hover);
		--kitt-btn-secondary-hover-border-color: var(--kitt-secondary-hover);
		
		--kitt-btn-secondary-focus-color: var(--kitt-white);
		--kitt-btn-secondary-focus-bg-color: var(--kitt-secondary-hover);
		--kitt-btn-secondary-focus-border-color: var(--kitt-secondary-hover);
		--kitt-btn-secondary-focus-shadow-color: var(--kitt-secondary-rgb-hover);
		
		--kitt-btn-secondary-active-color: var(--kitt-white);
		--kitt-btn-secondary-active-bg-color: var(--kitt-secondary-hover);
		--kitt-btn-secondary-active-border-color: var(--kitt-secondary-hover);
		--kitt-btn-secondary-active-shadow-color: var(--kitt-secondary-rgb-hover);
		
		--kitt-btn-secondary-disabled-color: var(--kitt-white);
		--kitt-btn-secondary-disabled-bg-color: var(--kitt-secondary);
		--kitt-btn-secondary-disabled-border-color: var(--kitt-secondary);
		
		--kitt-btn-success-color: var(--kitt-white);
		--kitt-btn-success-bg-color: var(--kitt-success);
		--kitt-btn-success-border-color: var(--kitt-success);
		--kitt-btn-success-hover-color: var(--kitt-white);
		--kitt-btn-success-hover-bg-color: var(--kitt-success-hover);
		--kitt-btn-success-hover-border-color: var(--kitt-success-hover);
		
		--kitt-btn-success-focus-color: var(--kitt-white);
		--kitt-btn-success-focus-bg-color: var(--kitt-success-hover);
		--kitt-btn-success-focus-border-color: var(--kitt-success-hover);
		--kitt-btn-success-focus-shadow-color: var(--kitt-success-rgb-hover);
		
		--kitt-btn-success-active-color: var(--kitt-white);
		--kitt-btn-success-active-bg-color: var(--kitt-success-hover);
		--kitt-btn-success-active-border-color: var(--kitt-success-hover);
		--kitt-btn-success-active-shadow-color: var(--kitt-success-rgb-hover);
		
		--kitt-btn-success-disabled-color: var(--kitt-white);
		--kitt-btn-success-disabled-bg-color: var(--kitt-success);
		--kitt-btn-success-disabled-border-color: var(--kitt-success);
		
		--kitt-btn-info-color: var(--kitt-black);
		--kitt-btn-info-bg-color: var(--kitt-info);
		--kitt-btn-info-border-color: var(--kitt-info);
		--kitt-btn-info-hover-color: var(--kitt-black);
		--kitt-btn-info-hover-bg-color: var(--kitt-info-hover);
		--kitt-btn-info-hover-border-color: var(--kitt-info-hover);
		
		--kitt-btn-info-focus-color: var(--kitt-black);
		--kitt-btn-info-focus-bg-color: var(--kitt-info-hover);
		--kitt-btn-info-focus-border-color: var(--kitt-info-hover);
		--kitt-btn-info-focus-shadow-color: var(--kitt-info-rgb-hover);
		
		--kitt-btn-info-active-color: var(--kitt-black);
		--kitt-btn-info-active-bg-color: var(--kitt-info-hover);
		--kitt-btn-info-active-border-color: var(--kitt-info-hover);
		--kitt-btn-info-active-shadow-color: var(--kitt-info-rgb-hover);
		
		--kitt-btn-info-disabled-color: var(--kitt-black);
		--kitt-btn-info-disabled-bg-color: var(--kitt-info);
		--kitt-btn-info-disabled-border-color: var(--kitt-info);
		
		--kitt-btn-warning-color: var(--kitt-black);
		--kitt-btn-warning-bg-color: var(--kitt-warning);
		--kitt-btn-warning-border-color: var(--kitt-warning);
		--kitt-btn-warning-hover-color: var(--kitt-black);
		--kitt-btn-warning-hover-bg-color: var(--kitt-warning-hover);
		--kitt-btn-warning-hover-border-color: var(--kitt-warning-hover);
		
		--kitt-btn-warning-focus-color: var(--kitt-black);
		--kitt-btn-warning-focus-bg-color: var(--kitt-warning-hover);
		--kitt-btn-warning-focus-border-color: var(--kitt-warning-hover);
		--kitt-btn-warning-focus-shadow-color: var(--kitt-warning-rgb-hover);
		
		--kitt-btn-warning-active-color: var(--kitt-black);
		--kitt-btn-warning-active-bg-color: var(--kitt-warning-hover);
		--kitt-btn-warning-active-border-color: var(--kitt-warning-hover);
		--kitt-btn-warning-active-shadow-color: var(--kitt-warning-rgb-hover);
		
		--kitt-btn-warning-disabled-color: var(--kitt-black);
		--kitt-btn-warning-disabled-bg-color: var(--kitt-warning);
		--kitt-btn-warning-disabled-border-color: var(--kitt-warning);
		
		--kitt-btn-danger-color: var(--kitt-white);
		--kitt-btn-danger-bg-color: var(--kitt-danger);
		--kitt-btn-danger-border-color: var(--kitt-danger);
		--kitt-btn-danger-hover-color: var(--kitt-white);
		--kitt-btn-danger-hover-bg-color: var(--kitt-danger-hover);
		--kitt-btn-danger-hover-border-color: var(--kitt-danger-hover);
		
		--kitt-btn-danger-focus-color: var(--kitt-white);
		--kitt-btn-danger-focus-bg-color: var(--kitt-danger-hover);
		--kitt-btn-danger-focus-border-color: var(--kitt-danger-hover);
		--kitt-btn-danger-focus-shadow-color: var(--kitt-danger-rgb-hover);
		
		--kitt-btn-danger-active-color: var(--kitt-white);
		--kitt-btn-danger-active-bg-color: var(--kitt-danger-hover);
		--kitt-btn-danger-active-border-color: var(--kitt-danger-hover);
		--kitt-btn-danger-active-shadow-color: var(--kitt-danger-rgb-hover);
		
		--kitt-btn-danger-disabled-color: var(--kitt-white);
		--kitt-btn-danger-disabled-bg-color: var(--kitt-danger);
		--kitt-btn-danger-disabled-border-color: var(--kitt-danger);
		
		--kitt-btn-light-color: var(--kitt-black);
		--kitt-btn-light-bg-color: var(--kitt-light);
		--kitt-btn-light-border-color: var(--kitt-light);
		--kitt-btn-light-hover-color: var(--kitt-black);
		--kitt-btn-light-hover-bg-color: var(--kitt-light-hover);
		--kitt-btn-light-hover-border-color: var(--kitt-light-hover);
		
		--kitt-btn-light-focus-color: var(--kitt-black);
		--kitt-btn-light-focus-bg-color: var(--kitt-light-hover);
		--kitt-btn-light-focus-border-color: var(--kitt-light-hover);
		--kitt-btn-light-focus-shadow-color: var(--kitt-light-rgb-hover);
		
		--kitt-btn-light-active-color: var(--kitt-black);
		--kitt-btn-light-active-bg-color: var(--kitt-light-hover);
		--kitt-btn-light-active-border-color: var(--kitt-light-hover);
		--kitt-btn-light-active-shadow-color: var(--kitt-light-rgb-hover);
		
		--kitt-btn-light-disabled-color: var(--kitt-black);
		--kitt-btn-light-disabled-bg-color: var(--kitt-light);
		--kitt-btn-light-disabled-border-color: var(--kitt-light);
		
		--kitt-btn-dark-color: var(--kitt-white);
		--kitt-btn-dark-bg-color: var(--kitt-dark);
		--kitt-btn-dark-border-color: var(--kitt-dark);
		--kitt-btn-dark-hover-color: var(--kitt-white);
		--kitt-btn-dark-hover-bg-color: var(--kitt-dark-hover);
		--kitt-btn-dark-hover-border-color: var(--kitt-dark-hover);
		
		--kitt-btn-dark-focus-color: var(--kitt-white);
		--kitt-btn-dark-focus-bg-color: var(--kitt-dark-hover);
		--kitt-btn-dark-focus-border-color: var(--kitt-dark-hover);
		--kitt-btn-dark-focus-shadow-color: var(--kitt-dark-rgb-hover);
		
		--kitt-btn-dark-active-color: var(--kitt-white);
		--kitt-btn-dark-active-bg-color: var(--kitt-dark-hover);
		--kitt-btn-dark-active-border-color: var(--kitt-dark-hover);
		--kitt-btn-dark-active-shadow-color: var(--kitt-dark-rgb-hover);
		
		--kitt-btn-dark-disabled-color: var(--kitt-white);
		--kitt-btn-dark-disabled-bg-color: var(--kitt-dark);
		--kitt-btn-dark-disabled-border-color: var(--kitt-dark);
		
		/* Outline buttons */
		
		--kitt-btn-outline-primary-color: var(--kitt-primary);
		--kitt-btn-outline-primary-border-color: var(--kitt-primary);
		
		--kitt-btn-outline-primary-hover-color: var(--kitt-white);
		--kitt-btn-outline-primary-hover-bg-color: var(--kitt-primary);
		--kitt-btn-outline-primary-hover-border-color: var(--kitt-primary);
		
		--kitt-btn-outline-primary-focus-shadow-color: var(--kitt-primary-rgb);
		
		--kitt-btn-outline-primary-active-color: var(--kitt-white);
		--kitt-btn-outline-primary-active-bg-color: var(--kitt-primary);
		--kitt-btn-outline-primary-active-border-color: var(--kitt-primary);
		--kitt-btn-outline-primary-active-shadow-color: var(--kitt-primary-rgb);
		
		--kitt-btn-outline-primary-disabled-color: var(--kitt-primary);
		
		--kitt-btn-outline-secondary-color: var(--kitt-secondary);
		--kitt-btn-outline-secondary-border-color: var(--kitt-secondary);
		
		--kitt-btn-outline-secondary-hover-color: var(--kitt-white);
		--kitt-btn-outline-secondary-hover-bg-color: var(--kitt-secondary);
		--kitt-btn-outline-secondary-hover-border-color: var(--kitt-secondary);
		
		--kitt-btn-outline-secondary-focus-shadow-color: var(--kitt-secondary-rgb);
		
		--kitt-btn-outline-secondary-active-color: var(--kitt-white);
		--kitt-btn-outline-secondary-active-bg-color: var(--kitt-secondary);
		--kitt-btn-outline-secondary-active-border-color: var(--kitt-secondary);
		--kitt-btn-outline-secondary-active-shadow-color: var(--kitt-secondary-rgb);
		
		--kitt-btn-outline-secondary-disabled-color: var(--kitt-secondary);
		
		--kitt-btn-outline-success-color: var(--kitt-success);
		--kitt-btn-outline-success-border-color: var(--kitt-success);
		
		--kitt-btn-outline-success-hover-color: var(--kitt-white);
		--kitt-btn-outline-success-hover-bg-color: var(--kitt-success);
		--kitt-btn-outline-success-hover-border-color: var(--kitt-success);
		
		--kitt-btn-outline-success-focus-shadow-color: var(--kitt-success-rgb);
		
		--kitt-btn-outline-success-active-color: var(--kitt-white);
		--kitt-btn-outline-success-active-bg-color: var(--kitt-success);
		--kitt-btn-outline-success-active-border-color: var(--kitt-success);
		--kitt-btn-outline-success-active-shadow-color: var(--kitt-success-rgb);
		
		--kitt-btn-outline-success-disabled-color: var(--kitt-success);
		
		--kitt-btn-outline-info-color: var(--kitt-info);
		--kitt-btn-outline-info-border-color: var(--kitt-info);
		
		--kitt-btn-outline-info-hover-color: var(--kitt-black);
		--kitt-btn-outline-info-hover-bg-color: var(--kitt-info);
		--kitt-btn-outline-info-hover-border-color: var(--kitt-info);
		
		--kitt-btn-outline-info-focus-shadow-color: var(--kitt-info-rgb);
		
		--kitt-btn-outline-info-active-color: var(--kitt-black);
		--kitt-btn-outline-info-active-bg-color: var(--kitt-info);
		--kitt-btn-outline-info-active-border-color: var(--kitt-info);
		--kitt-btn-outline-info-active-shadow-color: var(--kitt-info-rgb);
		
		--kitt-btn-outline-info-disabled-color: var(--kitt-info);
		
		--kitt-btn-outline-warning-color: var(--kitt-warning);
		--kitt-btn-outline-warning-border-color: var(--kitt-warning);
		
		--kitt-btn-outline-warning-hover-color: var(--kitt-black);
		--kitt-btn-outline-warning-hover-bg-color: var(--kitt-warning);
		--kitt-btn-outline-warning-hover-border-color: var(--kitt-warning);
		
		--kitt-btn-outline-warning-focus-shadow-color: var(--kitt-warning-rgb);
		
		--kitt-btn-outline-warning-active-color: var(--kitt-black);
		--kitt-btn-outline-warning-active-bg-color: var(--kitt-warning);
		--kitt-btn-outline-warning-active-border-color: var(--kitt-warning);
		--kitt-btn-outline-warning-active-shadow-color: var(--kitt-warning-rgb);
		
		--kitt-btn-outline-warning-disabled-color: var(--kitt-warning);
		
		--kitt-btn-outline-danger-color: var(--kitt-danger);
		--kitt-btn-outline-danger-border-color: var(--kitt-danger);
		
		--kitt-btn-outline-danger-hover-color: var(--kitt-white);
		--kitt-btn-outline-danger-hover-bg-color: var(--kitt-danger);
		--kitt-btn-outline-danger-hover-border-color: var(--kitt-danger);
		
		--kitt-btn-outline-danger-focus-shadow-color: var(--kitt-danger-rgb);
		
		--kitt-btn-outline-danger-active-color: var(--kitt-white);
		--kitt-btn-outline-danger-active-bg-color: var(--kitt-danger);
		--kitt-btn-outline-danger-active-border-color: var(--kitt-danger);
		--kitt-btn-outline-danger-active-shadow-color: var(--kitt-danger-rgb);
		
		--kitt-btn-outline-danger-disabled-color: var(--kitt-danger);
		
		--kitt-btn-outline-light-color: var(--kitt-light);
		--kitt-btn-outline-light-border-color: var(--kitt-light);
		
		--kitt-btn-outline-light-hover-color: var(--kitt-black);
		--kitt-btn-outline-light-hover-bg-color: var(--kitt-light);
		--kitt-btn-outline-light-hover-border-color: var(--kitt-light);
		
		--kitt-btn-outline-light-focus-shadow-color: var(--kitt-light-rgb);
		
		--kitt-btn-outline-light-active-color: var(--kitt-black);
		--kitt-btn-outline-light-active-bg-color: var(--kitt-light);
		--kitt-btn-outline-light-active-border-color: var(--kitt-light);
		--kitt-btn-outline-light-active-shadow-color: var(--kitt-light-rgb);
		
		--kitt-btn-outline-light-disabled-color: var(--kitt-light);
		
		--kitt-btn-outline-dark-color: var(--kitt-dark);
		--kitt-btn-outline-dark-border-color: var(--kitt-dark);
		
		--kitt-btn-outline-dark-hover-color: var(--kitt-white);
		--kitt-btn-outline-dark-hover-bg-color: var(--kitt-dark);
		--kitt-btn-outline-dark-hover-border-color: var(--kitt-dark);
		
		--kitt-btn-outline-dark-focus-shadow-color: var(--kitt-dark-rgb);
		
		--kitt-btn-outline-dark-active-color: var(--kitt-white);
		--kitt-btn-outline-dark-active-bg-color: var(--kitt-dark);
		--kitt-btn-outline-dark-active-border-color: var(--kitt-dark);
		--kitt-btn-outline-dark-active-shadow-color: var(--kitt-dark-rgb);
		
		--kitt-btn-outline-dark-disabled-color: var(--kitt-dark);
		
		/* Accordion buttons */
		
		--kitt-accordion-btn-color: var(--kitt-dark);
		--kitt-accordion-btn-bg-color: var(--kitt-white);
		
		--kitt-accordion-btn-not-collapsed-color: var(--kitt-primary);
		--kitt-accordion-btn-not-collapsed-bg-color: var(--kitt-white);
		--kitt-accordion-btn-not-collapsed-shadow-color: var(--kitt-black);
		
		--kitt-accordion-btn-focus-border-color: var(--kitt-light-blue-one);
		--kitt-accordion-btn-focus-shadow-color: var(--kitt-primary-rgb);
		
		--kitt-accordion-btn-item-bg-color: var(--kitt-white);
		--kitt-accordion-btn-item-border-color: var(--kitt-black);
		
		/* MENUS */
	
		/* Dropdowns */
		
		--kitt-dropdown-color: var(--kitt-dark);
		--kitt-dropdown-bg-color: var(--kitt-secondary);
		--kitt-dropdown-border-color: var(--kitt-black-rgb);
		
		--kitt-dropdown-divider-border-color: var(--kitt-black-rgb);
		--kitt-dropdown-header-color: var(--kitt-secondary);
		
		--kitt-dropdown-item-text-color: var(--kitt-black);
		--kitt-dropdown-item-color: var(--kitt-black);
		--kitt-dropdown-item-hover-color: var(--kitt-dark-hover);
		--kitt-dropdown-item-hover-bg-color: var(--kitt-gray-200);
		
		--kitt-dropdown-item-active-color: var(--kitt-white);
		--kitt-dropdown-item-active-bg-color: var(--kitt-primary);
		--kitt-dropdown-item-disabled-color: var(--kitt-gray-500);
		
		--kitt-dropdown-dark-color: var(--kitt-gray-300);
		--kitt-dropdown-dark-bg-color: var(--kitt-gray-dark);
		--kitt-dropdown-dark-border-color: var(--kitt-black-rgb);
		
		--kitt-dropdown-dark-item-text-color: var(--kitt-gray-300);
		--kitt-dropdown-dark-item-color: var(--kitt-gray-300);
		--kitt-dropdown-dark-item-hover-color: var(--kitt-white);
		--kitt-dropdown-dark-item-hover-bg-color: var(--kitt-white-rgb);
		
		--kitt-dropdown-dark-item-active-color: var(--kitt-white);
		--kitt-dropdown-dark-item-active-bg-color: var(--kitt-primary);
		--kitt-dropdown-dark-item-disabled-color: var(--kitt-gray-500);
		
		--kitt-dropdown-dark-divider-border-color: var(--kitt-black-rgb);
		--kitt-dropdown-dark-header-color: var(--kitt-gray-500);
		
		/* Navbars & Navlinks */
		
		--kitt-navlink-color: var(--kitt-primary);
		--kitt-navlink-focus-color: var(--kitt-primary-hover);
		
		--kitt-navlink-disabled-color: var(--kitt-secondary);
		
		--kitt-navtabs-border-color: var(--kitt-gray-300);
		--kitt-navtabs-hover-border-color-one: var(--kitt-gray-200);
		--kitt-navtabs-hover-border-color-two: var(--kitt-gray-300);
		
		--kitt-navtabs-disabled-color: var(--kitt-secondary);
		
		--kitt-navtabs-active-color: var(--kitt-gray-700);
		--kitt-navtabs-active-bg-color: var(--kitt-white);
		--kitt-navtabs-active-border-color-one: var(--kitt-gray-300);
		--kitt-navtabs-active-border-color-two: var(--kitt-white);
		
		--kitt-navpills-active-color: var(--kitt-white);
		--kitt-navpills-active-bg-color: var(--kitt-primary);
		
		--kitt-navbar-light-color-rgb: var(--kitt-black-rgb);
		--kitt-navbar-dark-color: var(--kitt-white);
		--kitt-navbar-dark-color-rgb: var(--kitt-white-rgb);
		
		/* Offcanvas sidebar */
		
		--kitt-offcanvas-bg-color: var(--kitt-white);
		--kitt-offcanvas-backdrop-bg-color: var(--kitt-black);
		--kitt-offcanvas-border-color: var(--kitt-black-rgb);
		
		/* POPUPS/ALERTS */
	
		/* Alerts */
		
		--kitt-alert-primary-color: var(--kitt-primary-alert-text);
		--kitt-alert-primary-bg-color: var(--kitt-primary-light-two);
		--kitt-alert-primary-border-color: var(--kitt-light-blue-two);
		--kitt-alert-primary-link-color: var(--kitt-links-color);
		
		--kitt-alert-secondary-color: var(--kitt-secondary-alert-text);
		--kitt-alert-secondary-bg-color: var(--kitt-secondary-light-two);
		--kitt-alert-secondary-border-color: var(--kitt-secondary-light-four);
		--kitt-alert-secondary-link-color: var(--kitt-links-color);
		
		--kitt-alert-success-color: var(--kitt-success-alert-text);
		--kitt-alert-success-bg-color: var(--kitt-success-light-two);
		--kitt-alert-success-border-color: var(--kitt-success-light-four);
		--kitt-alert-success-link-color: var(--kitt-links-color);
		
		--kitt-alert-info-color: var(--kitt-info-alert-text);
		--kitt-alert-info-bg-color: var(--kitt-info-light-two);
		--kitt-alert-info-border-color: var(--kitt-info-light-four);
		--kitt-alert-info-link-color: var(--kitt-links-color);
		
		--kitt-alert-warning-color: var(--kitt-warning-alert-text);
		--kitt-alert-warning-bg-color: var(--kitt-warning-light-two);
		--kitt-alert-warning-border-color: var(--kitt-warning-light-four);
		--kitt-alert-warning-link-color: var(--kitt-links-color);
		
		--kitt-alert-danger-color: var(--kitt-danger-alert-text);
		--kitt-alert-danger-bg-color: var(--kitt-danger-light-two);
		--kitt-alert-danger-border-color: var(--kitt-danger-light-four);
		--kitt-alert-danger-link-color: var(--kitt-links-color);
		
		--kitt-alert-light-color: var(--kitt-light-alert-text);
		--kitt-alert-light-bg-color: var(--kitt-light-light-two);
		--kitt-alert-light-border-color: var(--kitt-light-light-four);
		--kitt-alert-light-link-color: var(--kitt-links-color);
		
		--kitt-alert-dark-color: var(--kitt-dark-alert-text);
		--kitt-alert-dark-bg-color: var(--kitt-dark-light-two);
		--kitt-alert-dark-border-color: var(--kitt-dark-light-three);
		--kitt-alert-dark-link-color: var(--kitt-links-color);
		
		/* Close buttons */
		
		--kitt-btn-close-color: var(--kitt-black);
		--kitt-btn-close-focus-shadow-color: var(--kitt-primary-rgb);
		
		/* Toasts */
		
		--kitt-toast-bg-color: var(--kitt-white-rgb);
		--kitt-toast-border-color: var(--kitt-black-rgb);
		--kitt-toast-shadow-color: var(--kitt-black-rgb);
		
		--kitt-toast-header-color: var(--kitt-secondary);
		--kitt-toast-header-bg-color: var(--kitt-white-rgb);
		--kitt-toast-header-border-color: var(--kitt-black-rgb);
		
		/* Modals */
		
		--kitt-modal-content-bg-color: var(--kitt-primary);
		--kitt-modal-content-border-color: var(--kitt-black-rgb);
		
		--kitt-modal-backdrop-bg-color: var(--kitt-black);
		--kitt-modal-header-bg-color: var(--kitt-gray-300);
		--kitt-modal-footer-bg-color: var(--kitt-primary);
		
		/* Tooltips */
		
		--kitt-tooltip-arrows-border-color: var(--kitt-black);
		--kitt-tooltip-inner-color: var(--kitt-white);
		--kitt-tooltip-inner-bg-color: var(--kitt-black);
		
		/* Popovers */
		
		--kitt-popover-bg-color: var(--kitt-white);
		--kitt-popover-border-color-one: var(--kitt-black-rgb);
		--kitt-popover-border-color-two: var(--kitt-white);
		
		--kitt-popover-header-bg-color: var(--kitt-white);
		--kitt-popover-header-border-color: var(--kitt-black-rgb);
		
		--kitt-popover-body-color: var(--kitt-dark);
		
		/* LISTS */
	
		/* List groups */
		
		--kitt-list-group-item-action-color: var(--kitt-gray-700);
		
		--kitt-list-group-item-action-hover-color: var(--kitt-gray-700);
		--kitt-list-group-item-action-hover-bg-color: var(--kitt-light);
		
		--kitt-list-group-item-action-active-color: var(--kitt-dark);
		--kitt-list-group-item-action-active-bg-color: var(--kitt-gray-200);
		
		--kitt-list-group-item-color: var(--kitt-dark);
		--kitt-list-group-item-bg-color: var(--kitt-white);
		--kitt-list-group-item-border-color: var(--kitt-black-rgb);
		
		--kitt-list-group-item-disabled-color: var(--kitt-secondary);
		--kitt-list-group-item-disabled-bg-color: var(--kitt-white);
		
		--kitt-list-group-item-active-color: var(--kitt-white);
		--kitt-list-group-item-active-bg-color: var(--kitt-primary);
		--kitt-list-group-item-active-border-color: var(--kitt-primary);
		
		--kitt-list-group-item-primary-color: var(--kitt-primary-alert-text);
		--kitt-list-group-item-primary-bg-color: var(--kitt-primary-light-two);
		
		--kitt-list-group-item-primary-hover-color: var(--kitt-primary-alert-text);
		--kitt-list-group-item-primary-hover-bg-color: var(--kitt-primary-light-one);
		
		--kitt-list-group-item-primary-active-color: var(--kitt-white);
		--kitt-list-group-item-primary-active-bg-color: var(--kitt-primary-alert-text);
		--kitt-list-group-item-primary-active-border-color: var(--kitt-primary-alert-text);
		
		--kitt-list-group-item-secondary-color: var(--kitt-secondary-alert-text);
		--kitt-list-group-item-secondary-bg-color: var(--kitt-secondary-light-two);
		
		--kitt-list-group-item-secondary-hover-color: var(--kitt-secondary-alert-text);
		--kitt-list-group-item-secondary-hover-bg-color: var(--kitt-secondary-light-one);
		
		--kitt-list-group-item-secondary-active-color: var(--kitt-white);
		--kitt-list-group-item-secondary-active-bg-color: var(--kitt-secondary-alert-text);
		--kitt-list-group-item-secondary-active-border-color: var(--kitt-secondary-alert-text);
		
		--kitt-list-group-item-success-color: var(--kitt-success-alert-text);
		--kitt-list-group-item-success-bg-color: var(--kitt-success-light-two);
		
		--kitt-list-group-item-success-hover-color: var(--kitt-success-alert-text);
		--kitt-list-group-item-success-hover-bg-color: var(--kitt-success-light-one);
		
		--kitt-list-group-item-success-active-color: var(--kitt-white);
		--kitt-list-group-item-success-active-bg-color: var(--kitt-success-alert-text);
		--kitt-list-group-item-success-active-border-color: var(--kitt-success-alert-text);
		
		--kitt-list-group-item-info-color: var(--kitt-info-alert-text);
		--kitt-list-group-item-info-bg-color: var(--kitt-info-light-two);
		
		--kitt-list-group-item-info-hover-color: var(--kitt-info-alert-text);
		--kitt-list-group-item-info-hover-bg-color: var(--kitt-info-light-one);
		
		--kitt-list-group-item-info-active-color: var(--kitt-black);
		--kitt-list-group-item-info-active-bg-color: var(--kitt-info-alert-text);
		--kitt-list-group-item-info-active-border-color: var(--kitt-info-alert-text);
		
		--kitt-list-group-item-warning-color: var(--kitt-warning-alert-text);
		--kitt-list-group-item-warning-bg-color: var(--kitt-warning-light-two);
		
		--kitt-list-group-item-warning-hover-color: var(--kitt-warning-alert-text);
		--kitt-list-group-item-warning-hover-bg-color: var(--kitt-warning-light-one);
		
		--kitt-list-group-item-warning-active-color: var(--kitt-black);
		--kitt-list-group-item-warning-active-bg-color: var(--kitt-warning-alert-text);
		--kitt-list-group-item-warning-active-border-color: var(--kitt-warning-alert-text);
		
		--kitt-list-group-item-danger-color: var(--kitt-danger-alert-text);
		--kitt-list-group-item-danger-bg-color: var(--kitt-danger-light-two);
		
		--kitt-list-group-item-danger-hover-color: var(--kitt-danger-alert-text);
		--kitt-list-group-item-danger-hover-bg-color: var(--kitt-danger-light-one);
		
		--kitt-list-group-item-danger-active-color: var(--kitt-white);
		--kitt-list-group-item-danger-active-bg-color: var(--kitt-danger-alert-text);
		--kitt-list-group-item-danger-active-border-color: var(--kitt-danger-alert-text);
		
		--kitt-list-group-item-light-color: var(--kitt-light-alert-text);
		--kitt-list-group-item-light-bg-color: var(--kitt-light-light-two);
		
		--kitt-list-group-item-light-hover-color: var(--kitt-light-alert-text);
		--kitt-list-group-item-light-hover-bg-color: var(--kitt-light-light-one);
		
		--kitt-list-group-item-light-active-color: var(--kitt-black);
		--kitt-list-group-item-light-active-bg-color: var(--kitt-light-alert-text);
		--kitt-list-group-item-light-active-border-color: var(--kitt-light-alert-text);
		
		--kitt-list-group-item-dark-color: var(--kitt-dark-alert-text);
		--kitt-list-group-item-dark-bg-color: var(--kitt-dark-light-two);
		
		--kitt-list-group-item-dark-hover-color: var(--kitt-dark-alert-text);
		--kitt-list-group-item-dark-hover-bg-color: var(--kitt-dark-light-one);
		
		--kitt-list-group-item-dark-active-color: var(--kitt-white);
		--kitt-list-group-item-dark-active-bg-color: var(--kitt-dark-alert-text);
		--kitt-list-group-item-dark-active-border-color: var(--kitt-dark-alert-text);
		
		/* OTHER/MISC */
	
		/* Cards */
		
		--kitt-card-bg-color: var(--kitt-white);
		--kitt-card-border-color: var(--kitt-black-rgb);
		
		/* Badges */
		
		--kitt-badge-color: var(--kitt-white);
		
		/* Progress bars */
		
		--kitt-progress-bg-color: var(--kitt-gray-200);
		--kitt-progress-bar-color: var(--kitt-white);
		--kitt-progress-bar-bg-color: var(--kitt-primary);
		
		--kitt-progress-bar-striped-gradient-color: var(--kitt-white-rgb);

}

body {
	background-color: var(--kitt-body-bg);
}

a{
	text-decoration: none;
}

img{
	max-width: 300px;
}

.navbar-nav{
	padding-left: 1rem!important;
}