@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap');

:root {
	--t-off-black-color: 99 78 48;
	--t-primary-color: 199 164 117;
	--t-primary-color-light: 205 173 132;
	--t-primary-color-dark: 193 154 103;
	--t-secondary-color: 97 135 70;
	--t-white-color: 255 255 255;
	--t-header-bg-color: 240 231 219;
	--t-header-text-color: 99 78 48;
	--t-font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}


:root {
	--mat-off-black-color: #634e30;
	--mat-primary-color: #c6a274;
	--mat-primary-color-light: #cdad84;
	--mat-primary-color-dark:  #c19a67;
	--mat-secondary-color: #618746;

	--footer-link-color: #fff;
	--multicolumn-calendar-bg: hsl(34, 32%, 85%);
	--multicolumn-calendar-text: var(--mat-off-black-color);
	--multicolumn-calendar-unavailable-bg: hsl(34, 12%, 95%);

	--button-background-focus: #6b944d; /* lighten($secondary-color, 4%) */
	--button-flat-color: var(--mat-off-black-color);
	--button-flat-disabled-color: #b3b3b3;
	--button-raised-background: var(--mat-secondary-color);
	--button-raised-background-focus: #496535; /* darken($secondary-color, 10%) */
	--button-raised-background-hover: #6d984f; /* lighten(--secondary-color, 5%) */
	--card-link-color-light: #eaddcd; /* lighten($primary-color-light, 20%) */
	--collection-active-color: #f2f7ef; /* lighten($secondary-color, 55%) */
	--datepicker-selected-outfocus: #becab5; /* desaturate(lighten($secondary-color, 35%), 15%) */
	--datepicker-day-focus: rgba(98, 130, 75, 0.25); /* transparentize(desaturate($secondary-color, 5%), .75) */
	--datepicker-weekday-bg: #506f3a; /* darken($secondary-color, 7%) */
	--link-color: var(--mat-primary-color-light);
	--progress-bar-bg: #caddbc; /* lighten($secondary-color, 40%); */
	--progress-bar-color: var(--mat-secondary-color);
	--select-focus-color: #dde9d4; /* lighten($secondary-color, 47%) */
	--switch-bg-color: var(--mat-secondary-color);
	--switch-bg-color-transparentized: rgba(97, 135, 70, 0.15); /* transparentize($secondary-color, .85) */
	--switch-checked-lever-bg: #a5aca0; /* desaturate(lighten($secondary-color, 25%), 25%) */
	--tabs-underline-color: var(--mat-primary-color-light);
	--tabs-underline-color-active: rgba(205, 173, 132, 0.2); /* transparentize($primary-color-light, .8) */
	--timepicker-tick-active: rgba(97, 135, 70, 0.25); /* transparentize($secondary-color, .75) */
}