/* ===================================================================
   2. BASE STYLES & RESETS
================================================================== */

/* Reduce motion preferences */
@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

* {
	box-sizing: border-box;
}

/* Prevent horizontal overflow */
img, table, pre, code, iframe, video, svg {
	max-width: 100%;
	overflow-x: auto;
}

html {
	scroll-behavior: auto;
}

body {
	margin: 0;
	font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
	font-size: 16px;
	line-height: 1.6;
	color: #3c3836;
	/* fallback */
	color: var(--fg);
	background: #fbf1c7;
	/* fallback */
	background: var(--bg);
	cursor: url('/assets/images/cursors/Tomatic_Arrow.cur'), auto;
	overflow-x: hidden;
}

/* Custom cursor styles */
a, button, input[type="button"], input[type="submit"], .button {
	cursor: url('/assets/images/cursors/Tomatic_Link.cur'), pointer;
}

input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea {
	cursor: url('/assets/images/cursors/Tomatic_Ibeam.cur'), text;
}

[disabled] {
	cursor: url('/assets/images/cursors/Tomatic_Unavail.cur'), not-allowed;
}

.waiting, .loading {
	cursor: url('/assets/images/cursors/Tomatic_Wait.ani'), wait;
}

.busy {
	cursor: url('/assets/images/cursors/Tomatic_Busy.ani'), progress;
}

.help {
	cursor: url('/assets/images/cursors/Tomatic_Helpsel.cur'), help;
}

.crosshair {
	cursor: url('/assets/images/cursors/Tomatic_Cross.cur'), crosshair;
}

.move {
	cursor: url('/assets/images/cursors/Tomatic_Move.cur'), move;
}

.n-resize {
	cursor: url('/assets/images/cursors/Tomatic_Up.cur'), n-resize;
}

.s-resize {
	cursor: url('/assets/images/cursors/Tomatic_Up.cur'), s-resize;
}

.e-resize {
	cursor: url('/assets/images/cursors/Tomatic_Horizontal.cur'), e-resize;
}

.w-resize {
	cursor: url('/assets/images/cursors/Tomatic_Horizontal.cur'), w-resize;
}

.ne-resize {
	cursor: url('/assets/images/cursors/Tomatic_DR.cur'), ne-resize;
}

.sw-resize {
	cursor: url('/assets/images/cursors/Tomatic_DR.cur'), sw-resize;
}

.nw-resize {
	cursor: url('/assets/images/cursors/Tomatic_DL.cur'), nw-resize;
}

.se-resize {
	cursor: url('/assets/images/cursors/Tomatic_DL.cur'), se-resize;
}

.ns-resize {
	cursor: url('/assets/images/cursors/Tomatic_Vertical.cur'), ns-resize;
}

.ew-resize {
	cursor: url('/assets/images/cursors/Tomatic_Horizontal.cur'), ew-resize;
}

::selection {
	background: #d65d0e;
	/* fallback */
	background: var(--selection-bg);
	color: #fbf1c7;
	/* fallback */
	color: var(--selection-fg);
}