:root {
	--bg: #F5F4E8;
	--ink: #23282F;
	--muted: #6E6D60;
	--faint: #9A988A;
	--line: #E2E0D0;
	--card: #FBFAF0;
	--tint: #EEECDC;
	--thumb: #E8E6D8;
	--accent: #AD5A3D;
}

html[data-theme="dark"] {
	--bg: #151619;
	--ink: #ECEAE0;
	--muted: #9E9B8E;
	--faint: #6F6D64;
	--line: #2B2D31;
	--card: #202126;
	--tint: #27272B;
	--thumb: #2A2B2F;
	--accent: #C06B4C;
}

html {
	background: var(--bg);
}

:root {
	--accent-ink: var(--accent);
	--badge-bg: var(--accent);
	--badge-ink: var(--card);
	--statement-bg: var(--accent);
	--statement-ink: #F5F4E8;
}

::selection {
	background: color-mix(in srgb, var(--accent) 24%, transparent);
}

/* Named palettes, selected by the site setting. */
html[data-hdx-palette="original"]:not([data-theme="dark"]) {
	--bg: #F5F4E8;
	--ink: #23282F;
	--muted: #6E6D60;
	--faint: #9A988A;
	--line: #E2E0D0;
	--card: #FBFAF0;
	--tint: #EEECDC;
	--thumb: #E8E6D8;
	--accent: #AD5A3D;
	--accent-ink: #AD5A3D;
	--badge-bg: #AD5A3D;
	--badge-ink: #FBFAF0;
	--statement-bg: #AD5A3D;
	--statement-ink: #F5F4E8;
}

html[data-hdx-palette="original"][data-theme="dark"] {
	--bg: #151619;
	--ink: #ECEAE0;
	--muted: #9E9B8E;
	--faint: #6F6D64;
	--line: #2B2D31;
	--card: #202126;
	--tint: #27272B;
	--thumb: #2A2B2F;
	--accent: #C06B4C;
	--accent-ink: #C06B4C;
	--badge-bg: #C06B4C;
	--badge-ink: #202126;
	--statement-bg: #C06B4C;
	--statement-ink: #F5F4E8;
}

html[data-hdx-palette="forest"]:not([data-theme="dark"]) {
	--bg: #F7F2ED;
	--ink: #17251F;
	--muted: #50635A;
	--faint: #5B695F;
	--line: #D4DDD6;
	--card: #FFFDFC;
	--tint: #E5EDE6;
	--thumb: #DDE9E0;
	--accent: #2E9B67;
	--accent-ink: #1B6A43;
	--badge-bg: #CDEBD9;
	--badge-ink: #174A30;
	--statement-bg: #185636;
	--statement-ink: #FFFDFC;
}

html[data-hdx-palette="forest"][data-theme="dark"] {
	--bg: #14201A;
	--ink: #EAF2EC;
	--muted: #B0C3B7;
	--faint: #93AC9D;
	--line: #34483A;
	--card: #1D2B22;
	--tint: #293D30;
	--thumb: #2D4233;
	--accent: #7BD6A2;
	--accent-ink: #7BD6A2;
	--badge-bg: #293D30;
	--badge-ink: #BCECCD;
	--statement-bg: #22563B;
	--statement-ink: #EAF2EC;
}

html[data-hdx-palette="mint"]:not([data-theme="dark"]) {
	--bg: #F8F3EF;
	--ink: #193027;
	--muted: #52685D;
	--faint: #5C6F63;
	--line: #D5E1D9;
	--card: #FFFDFC;
	--tint: #DDF3E7;
	--thumb: #DDECE2;
	--accent: #3ECF8E;
	--accent-ink: #176B46;
	--badge-bg: #D1F1E2;
	--badge-ink: #145C3B;
	--statement-bg: #155A3A;
	--statement-ink: #FFFDFC;
}

html[data-hdx-palette="mint"][data-theme="dark"] {
	--bg: #10221B;
	--ink: #E9F6EF;
	--muted: #ABCABA;
	--faint: #90B29E;
	--line: #2E4B3B;
	--card: #192D23;
	--tint: #214032;
	--thumb: #254936;
	--accent: #59DEA0;
	--accent-ink: #59DEA0;
	--badge-bg: #214032;
	--badge-ink: #AEF1CB;
	--statement-bg: #1C5639;
	--statement-ink: #E9F6EF;
}

html[data-hdx-palette="blue"]:not([data-theme="dark"]) {
	--bg: #F4F8FB;
	--ink: #162938;
	--muted: #4B6172;
	--faint: #526678;
	--line: #D2DFE9;
	--card: #FFFFFF;
	--tint: #D2E2F1;
	--thumb: #DFE9F1;
	--accent: #1D70B8;
	--accent-ink: #1A65A6;
	--badge-bg: #D2E2F1;
	--badge-ink: #0F385C;
	--statement-bg: #0F385C;
	--statement-ink: #FFFFFF;
}

html[data-hdx-palette="blue"][data-theme="dark"] {
	--bg: #131F2B;
	--ink: #EBF2F8;
	--muted: #B1C3D3;
	--faint: #91A9BF;
	--line: #304558;
	--card: #1D2D3D;
	--tint: #273E52;
	--thumb: #2C4358;
	--accent: #8EB8DC;
	--accent-ink: #8EB8DC;
	--badge-bg: #273E52;
	--badge-ink: #D2E2F1;
	--statement-bg: #244563;
	--statement-ink: #EBF2F8;
}

html[data-hdx-palette="slate"]:not([data-theme="dark"]) {
	--bg: #F6F6F3;
	--ink: #242A30;
	--muted: #57616B;
	--faint: #5B6570;
	--line: #DADDE0;
	--card: #FFFFFF;
	--tint: #E8EAED;
	--thumb: #E5E7EA;
	--accent: #596779;
	--accent-ink: #465568;
	--badge-bg: #E8EAED;
	--badge-ink: #344152;
	--statement-bg: #344152;
	--statement-ink: #FFFFFF;
}

html[data-hdx-palette="slate"][data-theme="dark"] {
	--bg: #181D23;
	--ink: #EFF1F3;
	--muted: #BDC4CE;
	--faint: #9EA9B7;
	--line: #36404B;
	--card: #222A34;
	--tint: #2C3643;
	--thumb: #303C49;
	--accent: #B2C3DA;
	--accent-ink: #B2C3DA;
	--badge-bg: #2C3643;
	--badge-ink: #DDE7F5;
	--statement-bg: #38485E;
	--statement-ink: #EFF1F3;
}

html[data-hdx-palette="plum"]:not([data-theme="dark"]) {
	--bg: #F8F4F8;
	--ink: #302036;
	--muted: #6B546F;
	--faint: #715977;
	--line: #E2D6E5;
	--card: #FFFCFF;
	--tint: #EFDFEF;
	--thumb: #EBDDEB;
	--accent: #86528A;
	--accent-ink: #75427A;
	--badge-bg: #EFDFEF;
	--badge-ink: #633168;
	--statement-bg: #633168;
	--statement-ink: #FFFCFF;
}

html[data-hdx-palette="plum"][data-theme="dark"] {
	--bg: #231827;
	--ink: #F5EDF7;
	--muted: #CDB4D0;
	--faint: #B89DBE;
	--line: #4B3450;
	--card: #302236;
	--tint: #402C45;
	--thumb: #462F4A;
	--accent: #D2A3DC;
	--accent-ink: #D2A3DC;
	--badge-bg: #402C45;
	--badge-ink: #F1D1F5;
	--statement-bg: #633A6A;
	--statement-ink: #F5EDF7;
}