/* Colour themes shared by every DurpeeSquid site. A page picks one with <html data-theme="...">
   (see theme.js). Midnight is the default and is also what each site's own stylesheet falls back to.
   The .theme-scope variants let the settings page preview a theme on a single element. */

:root[data-theme='midnight'], .theme-scope[data-theme='midnight'] {
  --bg: #0a0a0b; --card: #111113; --card-hover: #151518; --tile: #1d1d21;
  --border: #232327; --border-strong: #34343a;
  --text: #f4f4f5; --muted: #8b8b94;
  --accent: #5eead4; --on-accent: #04201c; --danger: #f87171;
  --glow-a: #5eead4; --glow-b: #818cf8;
  --s-watching: #60a5fa; --s-completed: #4ade80; --s-planned: #a78bfa; --s-on_hold: #fbbf24; --s-dropped: #f87171;
  color-scheme: dark;
}

:root[data-theme='light'], .theme-scope[data-theme='light'] {
  --bg: #f5f5f2; --card: #ffffff; --card-hover: #f0f0ec; --tile: #ebebe6;
  --border: #e0e0da; --border-strong: #c6c6be;
  --text: #17171a; --muted: #62626c;
  --accent: #0d9488; --on-accent: #ffffff; --danger: #dc2626;
  --glow-a: #5eead4; --glow-b: #c7d2fe;
  --s-watching: #2563eb; --s-completed: #16a34a; --s-planned: #7c3aed; --s-on_hold: #b45309; --s-dropped: #dc2626;
  color-scheme: light;
}

:root[data-theme='sunset'], .theme-scope[data-theme='sunset'] {
  --bg: #1a0f14; --card: #25151c; --card-hover: #2d1a23; --tile: #35202a;
  --border: #43282f; --border-strong: #5a3641;
  --text: #fff4ec; --muted: #c49a8f;
  --accent: #ff8a5b; --on-accent: #2b0f06; --danger: #ff6b6b;
  --glow-a: #ff6b6b; --glow-b: #ffb347;
  --s-watching: #7dd3fc; --s-completed: #86efac; --s-planned: #d8b4fe; --s-on_hold: #fcd34d; --s-dropped: #fca5a5;
  color-scheme: dark;
}

:root[data-theme='ocean'], .theme-scope[data-theme='ocean'] {
  --bg: #07131c; --card: #0c1e2b; --card-hover: #102635; --tile: #153245;
  --border: #1c3a50; --border-strong: #285169;
  --text: #e8f6ff; --muted: #86a9bf;
  --accent: #38bdf8; --on-accent: #04202e; --danger: #fb7185;
  --glow-a: #22d3ee; --glow-b: #6366f1;
  --s-watching: #38bdf8; --s-completed: #4ade80; --s-planned: #a78bfa; --s-on_hold: #fbbf24; --s-dropped: #fb7185;
  color-scheme: dark;
}

:root[data-theme='forest'], .theme-scope[data-theme='forest'] {
  --bg: #0b130e; --card: #111d15; --card-hover: #152419; --tile: #1b2c20;
  --border: #223629; --border-strong: #2f4a38;
  --text: #eef7ef; --muted: #8fae97;
  --accent: #86efac; --on-accent: #052e16; --danger: #fca5a5;
  --glow-a: #4ade80; --glow-b: #facc15;
  --s-watching: #67e8f9; --s-completed: #86efac; --s-planned: #c4b5fd; --s-on_hold: #fde047; --s-dropped: #fca5a5;
  color-scheme: dark;
}

:root[data-theme='sakura'], .theme-scope[data-theme='sakura'] {
  --bg: #fbd3e3; --card: #ffe9f1; --card-hover: #ffdfeb; --tile: #f8bfd5;
  --border: #eea8c3; --border-strong: #de83a9;
  --text: #3b1626; --muted: #7a4259;
  --accent: #d9146b; --on-accent: #ffffff; --danger: #b4103a;
  --glow-a: #ff5c9a; --glow-b: #ff9ec7;
  --s-watching: #2563eb; --s-completed: #16a34a; --s-planned: #7c3aed; --s-on_hold: #b45309; --s-dropped: #be123c;
  color-scheme: light;
}

:root[data-theme='harbor'], .theme-scope[data-theme='harbor'] {
  --bg: #0b1220; --card: #111a2c; --card-hover: #16213a; --tile: #1a2640;
  --border: #1f2c47; --border-strong: #2c3c5e;
  --text: #eaf0fb; --muted: #8393b2;
  --accent: #e5c07b; --on-accent: #2a1d05; --danger: #f87171;
  --glow-a: #60a5fa; --glow-b: #e5c07b;
  --s-watching: #60a5fa; --s-completed: #4ade80; --s-planned: #a78bfa; --s-on_hold: #fbbf24; --s-dropped: #f87171;
  color-scheme: dark;
}