/* The omarchy themes, one palette each, made from themes/<name>/colors.toml in
   https://github.com/basecamp/omarchy. Picked in Settings; the attribute is set
   before the first paint by the script in index.html. Text and muted text are
   nudged towards the foreground where the original would not reach the
   contrast the app holds every palette to (tests/theme.test.js). */

:root[data-theme="catppuccin"] {
  --bg: #1e1e2e;
  --surface: #272738;
  --surface-2: #313244;
  --hover: #45475a;
  --border: #45475a;
  --border-strong: #585b70;
  --text: #cdd6f4;
  --muted: #999fb9;
  --faint: #6c7086;
  --accent: #89b4fa;
  --accent-text: #89b4fa;
  --accent-soft: rgb(137 180 250 / 0.14);
  --on-accent: #0c0e10;
  --danger: #f38ba8;
  --danger-soft: rgb(243 139 168 / 0.12);
  --ok: #a6e3a1;
  --mark: rgb(249 226 175 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="catppuccin-latte"] {
  --bg: #eff1f5;
  --surface: #f7f8fa;
  --surface-2: #e8e9ed;
  --hover: #e3e4e8;
  --border: #d7d8dc;
  --border-strong: #acb0be;
  --text: #4c4f69;
  --muted: #65687e;
  --faint: #9498a9;
  --accent: #1e66f5;
  --accent-text: #1e66f5;
  --accent-soft: rgb(30 102 245 / 0.14);
  --on-accent: #ffffff;
  --danger: #d20f39;
  --danger-soft: rgb(210 15 57 / 0.12);
  --ok: #40a02b;
  --mark: rgb(223 142 29 / 0.3);
  --shadow: 0 0 0 1px rgb(0 0 0 / 0.06), 0 1px 3px rgb(0 0 0 / 0.05), 0 4px 10px -4px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 0 0 1px rgb(0 0 0 / 0.09), 0 16px 48px rgb(0 0 0 / 0.16);
  color-scheme: light;
}

:root[data-theme="ethereal"] {
  --bg: #060b1e;
  --surface: #0c122b;
  --surface-2: #131a3a;
  --hover: #252e56;
  --border: #252e56;
  --border-strong: #6d7db6;
  --text: #ffcead;
  --muted: #b49482;
  --faint: #6d7db6;
  --accent: #7d82d9;
  --accent-text: #7d82d9;
  --accent-soft: rgb(125 130 217 / 0.14);
  --on-accent: #030610;
  --danger: #ed5b5a;
  --danger-soft: rgb(237 91 90 / 0.12);
  --ok: #92a593;
  --mark: rgb(233 187 79 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="everforest"] {
  --bg: #2d353b;
  --surface: #303a3f;
  --surface-2: #343f44;
  --hover: #3d484d;
  --border: #3d484d;
  --border-strong: #475258;
  --text: #d3c6aa;
  --muted: #b0a893;
  --faint: #707471;
  --accent: #7fbbb3;
  --accent-text: #7fbbb3;
  --accent-soft: rgb(127 187 179 / 0.14);
  --on-accent: #0c0e10;
  --danger: #e67e80;
  --danger-soft: rgb(230 126 128 / 0.12);
  --ok: #a7c080;
  --mark: rgb(219 188 127 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="flexoki-light"] {
  --bg: #fffcf0;
  --surface: #fffef8;
  --surface-2: #f7f4e9;
  --hover: #f2efe4;
  --border: #e5e2d8;
  --border-strong: #b7b5ac;
  --text: #100f0f;
  --muted: #585653;
  --faint: #878580;
  --accent: #205ea6;
  --accent-text: #205ea6;
  --accent-soft: rgb(32 94 166 / 0.14);
  --on-accent: #ffffff;
  --danger: #d14d41;
  --danger-soft: rgb(209 77 65 / 0.12);
  --ok: #879a39;
  --mark: rgb(208 162 21 / 0.3);
  --shadow: 0 0 0 1px rgb(0 0 0 / 0.06), 0 1px 3px rgb(0 0 0 / 0.05), 0 4px 10px -4px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 0 0 1px rgb(0 0 0 / 0.09), 0 16px 48px rgb(0 0 0 / 0.16);
  color-scheme: light;
}

:root[data-theme="gruvbox"] {
  --bg: #282828;
  --surface: #312f2e;
  --surface-2: #3c3836;
  --hover: #504945;
  --border: #504945;
  --border-strong: #665c54;
  --text: #d4be98;
  --muted: #b2a182;
  --faint: #7c6f64;
  --accent: #7daea3;
  --accent-text: #7daea3;
  --accent-soft: rgb(125 174 163 / 0.14);
  --on-accent: #0c0e10;
  --danger: #ea6962;
  --danger-soft: rgb(234 105 98 / 0.12);
  --ok: #a9b665;
  --mark: rgb(216 166 87 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="hackerman"] {
  --bg: #0b0c16;
  --surface: #10111e;
  --surface-2: #151828;
  --hover: #1f253a;
  --border: #1f253a;
  --border-strong: #2d3450;
  --text: #ddf7ff;
  --muted: #9eb1b9;
  --faint: #6a6e95;
  --accent: #82fb9c;
  --accent-text: #82fb9c;
  --accent-soft: rgb(130 251 156 / 0.14);
  --on-accent: #06060c;
  --danger: #50f872;
  --danger-soft: rgb(80 248 114 / 0.12);
  --ok: #4fe88f;
  --mark: rgb(80 247 212 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="kanagawa"] {
  --bg: #1f1f28;
  --surface: #202837;
  --surface-2: #223249;
  --hover: #363646;
  --border: #363646;
  --border-strong: #54546d;
  --text: #dcd7ba;
  --muted: #a3a08e;
  --faint: #727169;
  --accent: #dcd7ba;
  --accent-text: #dcd7ba;
  --accent-soft: rgb(220 215 186 / 0.14);
  --on-accent: #0c0e10;
  --danger: #c44849;
  --danger-soft: rgb(195 64 67 / 0.12);
  --ok: #76946a;
  --mark: rgb(192 163 110 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="last-horizon"] {
  --bg: #0c0b0c;
  --surface: #0c0b0c;
  --surface-2: #0c0b0c;
  --hover: #584e51;
  --border: #584e51;
  --border-strong: #584e51;
  --text: #fafcfb;
  --muted: #b3b4b3;
  --faint: #60575a;
  --accent: #b59790;
  --accent-text: #b59790;
  --accent-soft: rgb(181 151 144 / 0.14);
  --on-accent: #060606;
  --danger: #c38b7b;
  --danger-soft: rgb(195 139 123 / 0.12);
  --ok: #87a9b0;
  --mark: rgb(107 94 115 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="lumon"] {
  --bg: #16242d;
  --surface: #182836;
  --surface-2: #1b2d40;
  --hover: #243d56;
  --border: #243d56;
  --border-strong: #304860;
  --text: #d6e2ee;
  --muted: #9ca9b4;
  --faint: #4d86b0;
  --accent: #8bc9eb;
  --accent-text: #8bc9eb;
  --accent-soft: rgb(139 201 235 / 0.14);
  --on-accent: #0c0e10;
  --danger: #4d86b0;
  --danger-soft: rgb(77 134 176 / 0.12);
  --ok: #5e95bc;
  --mark: rgb(111 164 201 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="lupine"] {
  --bg: #fafafa;
  --surface: #fdfdfd;
  --surface-2: #f2f2f2;
  --hover: #ececec;
  --border: #dedede;
  --border-strong: #9e9e9e;
  --text: #212121;
  --muted: #626262;
  --faint: #757575;
  --accent: #3264eb;
  --accent-text: #3264eb;
  --accent-soft: rgb(50 100 235 / 0.14);
  --on-accent: #ffffff;
  --danger: #c900c4;
  --danger-soft: rgb(201 0 196 / 0.12);
  --ok: #4a2fd0;
  --mark: rgb(2 111 222 / 0.3);
  --shadow: 0 0 0 1px rgb(0 0 0 / 0.06), 0 1px 3px rgb(0 0 0 / 0.05), 0 4px 10px -4px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 0 0 1px rgb(0 0 0 / 0.09), 0 16px 48px rgb(0 0 0 / 0.16);
  color-scheme: light;
}

:root[data-theme="matte-black"] {
  --bg: #121212;
  --surface: #171717;
  --surface-2: #1e1e1e;
  --hover: #2a2a2a;
  --border: #2a2a2a;
  --border-strong: #333333;
  --text: #bebebe;
  --muted: #8a8a8a;
  --faint: #555555;
  --accent: #e68e0d;
  --accent-text: #e68e0d;
  --accent-soft: rgb(230 142 13 / 0.14);
  --on-accent: #090909;
  --danger: #d35f5f;
  --danger-soft: rgb(211 95 95 / 0.12);
  --ok: #ffc107;
  --mark: rgb(185 28 28 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="miasma"] {
  --bg: #222222;
  --surface: #272727;
  --surface-2: #2c2c2c;
  --hover: #383838;
  --border: #383838;
  --border-strong: #666666;
  --text: #c2c2b0;
  --muted: #949487;
  --faint: #60605e;
  --accent: #78824b;
  --accent-text: #78824b;
  --accent-soft: rgb(120 130 75 / 0.14);
  --on-accent: #0c0e10;
  --danger: #7f725e;
  --danger-soft: rgb(104 87 66 / 0.12);
  --ok: #5f875f;
  --mark: rgb(179 109 67 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="nord"] {
  --bg: #2e3440;
  --surface: #343a48;
  --surface-2: #3b4252;
  --hover: #434c5e;
  --border: #434c5e;
  --border-strong: #4c566a;
  --text: #d8dee9;
  --muted: #a8aeb9;
  --faint: #6c7685;
  --accent: #81a1c1;
  --accent-text: #81a1c1;
  --accent-soft: rgb(129 161 193 / 0.14);
  --on-accent: #0c0e10;
  --danger: #c26e77;
  --danger-soft: rgb(191 97 106 / 0.12);
  --ok: #a3be8c;
  --mark: rgb(235 203 139 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="osaka-jade"] {
  --bg: #111c18;
  --surface: #192821;
  --surface-2: #23372b;
  --hover: #32473b;
  --border: #32473b;
  --border-strong: #53685b;
  --text: #c1c497;
  --muted: #999f7b;
  --faint: #81b8a8;
  --accent: #509475;
  --accent-text: #509475;
  --accent-soft: rgb(80 148 117 / 0.14);
  --on-accent: #090f0d;
  --danger: #ff5345;
  --danger-soft: rgb(255 83 69 / 0.12);
  --ok: #549e6a;
  --mark: rgb(69 148 81 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="retro-82"] {
  --bg: #05182e;
  --surface: #071e36;
  --surface-2: #0a2540;
  --hover: #134e5a;
  --border: #134e5a;
  --border-strong: #2a6b78;
  --text: #f6dcac;
  --muted: #aea186;
  --faint: #3f8f8a;
  --accent: #faa968;
  --accent-text: #faa968;
  --accent-soft: rgb(250 169 104 / 0.14);
  --on-accent: #020c17;
  --danger: #f85525;
  --danger-soft: rgb(248 85 37 / 0.12);
  --ok: #028391;
  --mark: rgb(233 123 60 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="ristretto"] {
  --bg: #2c2525;
  --surface: #342a27;
  --surface-2: #3d2f2a;
  --hover: #403e41;
  --border: #403e41;
  --border-strong: #72696a;
  --text: #e6d9db;
  --muted: #aea3a4;
  --faint: #72696a;
  --accent: #f38d70;
  --accent-text: #f38d70;
  --accent-soft: rgb(243 141 112 / 0.14);
  --on-accent: #0c0e10;
  --danger: #fd6883;
  --danger-soft: rgb(253 104 131 / 0.12);
  --ok: #adda78;
  --mark: rgb(249 204 108 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="rose-pine"] {
  --bg: #faf4ed;
  --surface: #fdfaf6;
  --surface-2: #f2ece6;
  --hover: #ede7e1;
  --border: #e1dbd5;
  --border-strong: #cecacd;
  --text: #534e73;
  --muted: #6b6685;
  --faint: #9893a5;
  --accent: #56949f;
  --accent-text: #56949f;
  --accent-soft: rgb(86 148 159 / 0.14);
  --on-accent: #0c0e10;
  --danger: #b4637a;
  --danger-soft: rgb(180 99 122 / 0.12);
  --ok: #286983;
  --mark: rgb(234 157 52 / 0.3);
  --shadow: 0 0 0 1px rgb(0 0 0 / 0.06), 0 1px 3px rgb(0 0 0 / 0.05), 0 4px 10px -4px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 0 0 1px rgb(0 0 0 / 0.09), 0 16px 48px rgb(0 0 0 / 0.16);
  color-scheme: light;
}

:root[data-theme="solitude"] {
  --bg: #101315;
  --surface: #101315;
  --surface-2: #101315;
  --hover: #343d41;
  --border: #343d41;
  --border-strong: #4b4e55;
  --text: #cacccc;
  --muted: #929595;
  --faint: #585b61;
  --accent: #798186;
  --accent-text: #798186;
  --accent-soft: rgb(121 129 134 / 0.14);
  --on-accent: #080a0b;
  --danger: #5c6365;
  --danger-soft: rgb(86 93 96 / 0.12);
  --ok: #9fa5a9;
  --mark: rgb(217 219 220 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="starship"] {
  --bg: #1c1c1e;
  --surface: #232325;
  --surface-2: #2c2c2e;
  --hover: #3a3a3c;
  --border: #3a3a3c;
  --border-strong: #8e8e93;
  --text: #f5f5f7;
  --muted: #b4b4b6;
  --faint: #98989d;
  --accent: #ff9f0a;
  --accent-text: #ff9f0a;
  --accent-soft: rgb(255 159 10 / 0.14);
  --on-accent: #0c0e10;
  --danger: #ff5f4a;
  --danger-soft: rgb(255 95 74 / 0.12);
  --ok: #ff9f0a;
  --mark: rgb(255 194 122 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="tokyo-night"] {
  --bg: #1a1b26;
  --surface: #1f212f;
  --surface-2: #24283b;
  --hover: #292e42;
  --border: #292e42;
  --border-strong: #414868;
  --text: #a9b1d6;
  --muted: #898fae;
  --faint: #565f89;
  --accent: #7aa2f7;
  --accent-text: #7aa2f7;
  --accent-soft: rgb(122 162 247 / 0.14);
  --on-accent: #0c0e10;
  --danger: #f7768e;
  --danger-soft: rgb(247 118 142 / 0.12);
  --ok: #9ece6a;
  --mark: rgb(224 175 104 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="vantablack"] {
  --bg: #000000;
  --surface: #0c0c0c;
  --surface-2: #1a1a1a;
  --hover: #1a1a1a;
  --border: #1a1a1a;
  --border-strong: #7a7a7a;
  --text: #ffffff;
  --muted: #b3b3b3;
  --faint: #505050;
  --accent: #8d8d8d;
  --accent-text: #8d8d8d;
  --accent-soft: rgb(141 141 141 / 0.14);
  --on-accent: #000000;
  --danger: #a4a4a4;
  --danger-soft: rgb(164 164 164 / 0.12);
  --ok: #b6b6b6;
  --mark: rgb(206 206 206 / 0.35);
  --shadow: 0 0 0 1px rgb(255 255 255 / 0.07);
  --shadow-lg: 0 0 0 1px rgb(255 255 255 / 0.1), 0 16px 48px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}

:root[data-theme="white"] {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f9f9f9;
  --hover: #f5f5f5;
  --border: #e8e8e8;
  --border-strong: #808080;
  --text: #000000;
  --muted: #4d4d4d;
  --faint: #a3a3a3;
  --accent: #6e6e6e;
  --accent-text: #6e6e6e;
  --accent-soft: rgb(110 110 110 / 0.14);
  --on-accent: #ffffff;
  --danger: #2a2a2a;
  --danger-soft: rgb(42 42 42 / 0.12);
  --ok: #3a3a3a;
  --mark: rgb(74 74 74 / 0.3);
  --shadow: 0 0 0 1px rgb(0 0 0 / 0.06), 0 1px 3px rgb(0 0 0 / 0.05), 0 4px 10px -4px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 0 0 1px rgb(0 0 0 / 0.09), 0 16px 48px rgb(0 0 0 / 0.16);
  color-scheme: light;
}