/* Palettes. Add a new theme here and to js/theme.js. */
:root,
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #181a18;
  --bg-soft: #1a1c19;
  --surface: #1b1d19a3;
  --surface-solid: #222421;
  --text: #f1f3e9;
  --muted: #a8afa1;
  --accent: #545651da;
  --accent-ink: #cfd7c5;
  --line: #54584d92;
  --glass: #151815ce;
  --glow: #3537331c;
  --canvas-rgb: 177, 213, 124;
  --photo-overlay: #141514;
  --shadow: #00000035;
}
[data-theme="white"] {
  color-scheme: light;
  --bg: #f4f5f0;
  --bg-soft: #e9ede4;
  --surface: #ffffffb5;
  --surface-solid: #fff;
  --text: #262e25;
  --muted: #050505;
  --accent: #1f201d;
  --accent-ink: #fff;
  --line: #243e202b;
  --glass: #f4f5f0e0;
  --glow: #383a331c;
  --canvas-rgb: 79, 107, 56;
  --photo-overlay: #f4f5f0;
  --shadow: #2d342c14;
}
[data-theme="green"] {
  color-scheme: dark;
  --bg: #061c15;
  --bg-soft: #0b281e;
  --surface: #103828a8;
  --surface-solid: #123b2b;
  --text: #edfff0;
  --muted: #a1c6b0;
  --accent: #87f4ad;
  --accent-ink: #082014;
  --line: #90e8b42b;
  --glass: #061c15dc;
  --glow: #39ff981a;
  --canvas-rgb: 111, 241, 164;
  --photo-overlay: #061c15;
  --shadow: #00110855;
}
[data-theme="blue"] {
  color-scheme: dark;
  --bg: #0b1526;
  --bg-soft: #102139;
  --surface: #183453a8;
  --surface-solid: #1b3554;
  --text: #eff6ff;
  --muted: #a7bdd9;
  --accent: #8dbfff;
  --accent-ink: #0b2040;
  --line: #9ecbff2b;
  --glass: #0b1526dc;
  --glow: #4c91ff1c;
  --canvas-rgb: 120, 180, 255;
  --photo-overlay: #0b1526;
  --shadow: #020a1855;
}
[data-theme="red"] {
  color-scheme: dark;
  --bg: #201113;
  --bg-soft: #2a1719;
  --surface: #3c2226a8;
  --surface-solid: #41252a;
  --text: #fff0eb;
  --muted: #c5a7a5;
  --accent: #ff9b86;
  --accent-ink: #35120e;
  --line: #ffc4b82a;
  --glass: #201113db;
  --glow: #ff72531a;
  --canvas-rgb: 241, 141, 123;
  --photo-overlay: #201113;
  --shadow: #17000450;
}