/*
 * ==========================================================================
 * FLINT DESIGN PROPERTIES
 * ==========================================================================
 *
 * Shared design values for Flint-based projects.
 *
 * Flint provides a small, generic design vocabulary.
 * Consumer plugins and companion plugins decide how these values are used.
 *
 * Any value may be overridden by a consumer or client-specific stylesheet.
 * ==========================================================================
 */

:root {

	/*
	 * ----------------------------------------------------------------------
	 * COLORS — PRIMARY
	 * ----------------------------------------------------------------------
	 */

	--flint-color-primary: #356a8a;
	--flint-color-primary-hover: #28566f;
	--flint-color-primary-soft: #edf4f7;


	/*
	 * ----------------------------------------------------------------------
	 * COLORS — SECONDARY
	 * ----------------------------------------------------------------------
	 */

	--flint-color-secondary: #d97841;
	--flint-color-secondary-hover: #bc6031;
	--flint-color-secondary-soft: #fbf0e9;


	/*
	 * ----------------------------------------------------------------------
	 * COLORS — ACCENT
	 * ----------------------------------------------------------------------
	 */

	--flint-color-accent: #b08a55;
	--flint-color-accent-hover: #957344;
	--flint-color-accent-soft: #f7f1e8;


	/*
	 * ----------------------------------------------------------------------
	 * COLORS — SEMANTIC
	 * ----------------------------------------------------------------------
	 */

	--flint-color-success: #4f7d61;
	--flint-color-success-soft: #edf5f0;

	--flint-color-warning: #b78432;
	--flint-color-warning-soft: #faf3e5;

	--flint-color-danger: #a8524b;
	--flint-color-danger-soft: #f8eceb;

	--flint-color-info: #52778c;
	--flint-color-info-soft: #edf3f6;


	/*
	 * ----------------------------------------------------------------------
	 * COLORS — NEUTRAL
	 * ----------------------------------------------------------------------
	 */

	--flint-color-light: #ffffff;
	--flint-color-dark: #292d2f;

	--flint-color-grey: #74797c;
	--flint-color-grey-light: #e2e4e5;
	--flint-color-grey-dark: #505558;


	/*
	 * ----------------------------------------------------------------------
	 * TYPOGRAPHY
	 * ----------------------------------------------------------------------
	 */

	--flint-font-primary:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Helvetica,
		Arial,
		sans-serif;

	--flint-font-secondary:
		Georgia,
		"Times New Roman",
		serif;


	/*
	 * ----------------------------------------------------------------------
	 * SPACING
	 * ----------------------------------------------------------------------
	 */

	--flint-spacing-xs: 0.25rem;
	--flint-spacing-sm: 0.5rem;
	--flint-spacing-md: 1rem;
	--flint-spacing-lg: 1.5rem;
	--flint-spacing-xl: 2rem;
	--flint-spacing-xxl: 3rem;


	/*
	 * ----------------------------------------------------------------------
	 * BORDER RADIUS
	 * ----------------------------------------------------------------------
	 */

	--flint-radius-sm: 4px;
	--flint-radius-md: 8px;
	--flint-radius-lg: 12px;
	--flint-radius-xl: 20px;
	--flint-radius-round: 999px;

}