:root[data-theme="warm"]{

	--accent: #96551a;
	--accent-hover: #7d4614;
	--accent-dark: #6b3b10;
	--accent-pale: #d9a568;
	--accent-light: #c1873f;
	--focus-ring: rgba(150, 85, 26, .3);
	--on-accent: #fffaf3;

	--bg: #f9f0d8;

	--bg-gradient: radial-gradient(1000px 1000px at 50% 50%, rgba(255, 249, 232, .95), rgba(255, 249, 232, 0) 70%);
	--surface: #f1e5cb;
	--surface-hover: #e9dab8;
	--surface-2: #ece0cd;
	--surface-raised: #fffdf6;
	--text: #3b3128;
	--text-mid: #30271f;
	--text-strong: #241d15;
	--muted: #8d7a5c;
	--on-muted: #fffaf3;
	--on-dark: #fdf6ea;
	--soft: #ddd0b8;
	--shadow: #b3a084;
	--danger: #a83420;
	--effect: #6b9560;
	--length: #8f7bab;

	--repeat: #5c86ab;

	--field-bg: #fffdf6;
	--field-text: #3b3128;
	--label-text: #7d6c53;
	--faint-text: #6f6047;
	--border: #c2ad8a;
	--table-border: #ddd0b8;
	--row-hover: rgba(90, 65, 30, .08);
	--card-border: rgba(90, 65, 30, .22);
	--card-header-bg: rgba(90, 65, 30, .06);

	--navbar-bg: #2f2721;
	--navbar-brand: #f7ecd9;
	--navbar-link: rgba(247, 236, 217, .72);
	--navbar-link-hover: rgba(247, 236, 217, .95);
	--navbar-link-active: #fff8ec;
	--navbar-toggler-border: rgba(247, 236, 217, .3);

	--blow: #eb9d79;
	--draw: #79b3a5;
	--harp-text: #2b2318;
	--harp-text-outline: #4a3d2e;
	--harp-frame: #5c4c3a;
	--comb-bg: #4a3d2e;
	--holenum-bg: #1f1811;
	--bend: #f2d59a;
	--overbend: #eeb99a;
	--current-bg: #96551a;
	--on-chip: #fffaf3;
	--on-current: #fffaf3;

	--key-white: #fffdf8;
	--key-white-edge: #cbb894;
	--key-label-signed: #6a5940;
	--key-border: #5c4c3a;
	--key-black: #2f2721;
	--key-black-edge: #4a3d2e;
	--stave-line: #33291f;
	--stave-faint: #d7c9a9;
	--stave-hover: rgba(90, 65, 30, .12);

	--circle-note: #33291f;
	--accent-tint-1: #f4e8d5;
	--accent-tint-2: #e6cfa8;
	--accent-tint-3: #d4ae76;
	--ring-1: #f4e8d5;
	--ring-2: #e2c79c;
	--circle-pointer: #fffdf8;
	--on-ring: #fffdf8;
	--on-ring-soft: #f7e9cd;
	--callout-bg: #f3e4c9;

	--beat-main: #fffdf8;
}