/*
 * Color primitives (ramps). Components never read ramps directly, only the
 * semantic slots in theme.css. To restyle the site, change values here or
 * re-point slots in theme.css.
 *
 * Visual direction (design draft V2): white and warm stone surfaces, near-black
 * type, the Calvin Farel burgundy for labels, actions and set-apart panels, and
 * a warm gold for hairlines and small details.
 */
:root {
	--ramp-white: #ffffff;
	--ramp-black: #000000;

	--ramp-stone-50: #faf9f7;
	--ramp-stone-100: #f5f3f0;
	--ramp-stone-200: #ece8e4;
	--ramp-stone-300: #ddd7d0;
	--ramp-stone-400: #c8c0b7;

	--ramp-neutral-100: #e4e2df;
	--ramp-neutral-300: #b3afaa;
	--ramp-neutral-400: #8a8681; /* ≥ 3:1 on white and stone: control lines */
	--ramp-neutral-500: #716d68; /* ≥ 4.5:1 on white and stone: quiet text */
	--ramp-neutral-700: #4f4c48;
	--ramp-neutral-800: #333130;
	--ramp-neutral-900: #1d1c1b;
	--ramp-neutral-950: #111111;

	--ramp-burgundy-100: #f2e4e3;
	--ramp-burgundy-200: #e6d3d2;
	--ramp-burgundy-300: #c6adad;
	--ramp-burgundy-500: #8c3a3e;
	--ramp-burgundy-700: #6e1418;
	--ramp-burgundy-800: #600e12;
	--ramp-burgundy-900: #550b0f;
	--ramp-burgundy-950: #3d0709;

	--ramp-gold-100: #f6efe4;
	--ramp-gold-150: #efe4d6;
	--ramp-gold-200: #ecdcc2;
	--ramp-gold-300: #dbb384;
	--ramp-gold-500: #b98e5c;
	--ramp-gold-700: #866439; /* gold that must be read on white or stone (≥ 4.5:1) */

	/* Errors only (form messages). */
	--ramp-red-200: #ffb4a9;
	--ramp-red-600: #b3261e;
}