/* Every colour, font and spacing lives here; swap the brand by editing this file only. */
:root {
	/* the app is light only; tells the browser not to style native controls dark */
	color-scheme: light;
	--bg: #f4f1ec;
	--surface: #ffffff;
	--ink: #1f1c18;
	--muted: #6b655c;
	--faint: #a39c90;
	--line: #d9d3c9;
	--brand: #1f1c18;
	--brand-text: #f4f1ec;
	--brand-sub: #b8b0a4;
	--accent: #b5562f;
	--accent-dark: #9a4726;
	--accent-soft: #f6e7df;
	--accent-text: #ffffff;
	--success: #3d7a4a;
	--danger: #b3261e;

	--font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--font-heading: var(--font);

	--radius: 10px;
	--radius-lg: 12px;
	--control: 50px;
	--button: 64px;
	--chip: 48px;
	--gap: 20px;
	--page-pad: 20px;
	/* the app is a phone form; on a desktop it stays this wide, centred */
	--app-width: 520px;
	--desk: #e2dcd2;
}