/******************************************/
/** General                              **/
/******************************************/

:root {
	--primary: #8B7862;
	--primary-dark: #53483B;
	--foundation-dark: #685A4A;
	--foundation: #F3F2EF;
	--light: #f4f4f4;
	--white: #ffffff;
}

*, *::before, *::after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	min-height: 100dvh;
	color: var(--primary-dark);
	background-color: var(--white);
	font-family: 'Roboto', sans-serif;
}

/******************************************/
/** Utilities & Helpers                  **/
/******************************************/

/* Fonts */

.fs-7 {font-size: .95rem;}
.fs-8 {font-size: .8rem;}

/* Color */

.text-primary {color: var(--primary) !important;}
.text-primary-dark {color: var(--primary-dark) !important;}

.bg-primary {background-color: var(--primary) !important;}

.hover\:bg-primary-dark:hover {background-color: var(--primary-dark) !important;}

/* Sizes & Dimensions */

.h-screen {
	height: 100vh;
	height: 100dvh;
}

.min-h-screen {
	min-height: 100vh;
	min-height: 100dvh;
}

.button {padding: 15px 30px;}

/******************************************/
/** Forms                                **/
/******************************************/

.form-select,
.form-control,
.input-group {
   border-radius: 8px;
   border: 1px solid #D9D9D9;
}

.input-group:active,
.input-group:focus,
.input-group:focus-within,
.form-select:active,
.form-select:focus,
.form-control:active,
.form-control:focus {
   box-shadow: none;
   border-color: var(--primary);
   background-color: transparent;
}

.input-group.disabled,
.form-control:disabled {background-color: var(--foundation);}

.form-check-input {
   min-width: 1em !important;
   min-height: 1em !important;
}

.form-check-input:checked {
   border-color: var(--primary-dark) !important;
   background-color: var(--primary-dark) !important;
}

.form-check-input:focus {
   box-shadow: none;
   border-color: var(--foundation) !important;
}