palette.css

:root {
	--color-0: #000;
	--color-1: #111;
	--color-2: #222;
	--color-3: #333;
	--color-4: #444;
	--color-5: #555;
	--color-6: #666;
	--color-7: #777;
	--color-8: #888;
	--color-9: #999;
	--color-a: #aaa;
	--color-b: #bbb;
	--color-c: #ccc;
	--color-d: #ddd;
	--color-e: #eee;
	--color-f: #fff;

	--section-bg-primary: var(--color-e);
	--section-bg-secondary: var(--color-d);
	--section-fg-primary: var(--color-2);
	--section-fg-primary-lighter: var(--color-4);
	--section-fg-secondary: var(--color-3);

	--color-primary-lighter: #728da5;
	--color-primary-light: #4a6b8a;
	--color-primary: #2a4e6e;
	--color-primary-dark: #133453;
	--color-primary-darker: #041f37;

	--color-secondary-0-lighter: #ffebaa;
	--color-secondary-0-light: #d4bb6a;
	--color-secondary-0: #aa8f39;
	--color-secondary-0-dark: #806615;
	--color-secondary-0-darker: #554100;

	--color-secondary-1-lighter: #ffc4aa;
	--color-secondary-1-light: #d48b6a;
	--color-secondary-1: #aa5c39;
	--color-secondary-1-dark: #803615;
	--color-secondary-1-darker: #551a00;
}