/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

:root {
	--fst-forest: #1d4ed8;
	--fst-lime: #bfdbfe;
	--fst-ink: #0f172a;
	--fst-muted: #64748b;
	--fst-canvas: #f8fafc;
	--fst-border: #e2e8f0;
	--fst-font-body: "DM Sans", "Trebuchet MS", sans-serif;
	--fst-font-display: "Manrope", "Trebuchet MS", sans-serif;
}

html {
	font-family: var(--fst-font-body);
	color: var(--fst-ink);
	background: var(--fst-canvas);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: var(--fst-font-body);
	letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--fst-font-display);
	letter-spacing: 0;
}

button, input, select, textarea {
	font-family: inherit;
}

body > main > nav {
	background: #fff;
	border-bottom: 1px solid var(--fst-border);
}

::selection {
	background: var(--fst-lime);
	color: var(--fst-forest);
}