/* FILMAAS themes, copied from the studio app (frontend/src/index.css) so every
   filmaas.com page except the homepage can offer the same five themes.
   Keep the two in step: same token names, same values.
   Pages load this file plus theme.js; the homepage stays on the house palette. */

:root,
[data-theme='filmaas'] {
  --bg-canvas: #0a0a0c;
  --bg-surface: #121214;
  --bg-surface-elevated: #1b1b1f;
  --bg-surface-hover: #26262c;

  --border-subtle: #1f1f24;
  --border-strong: #32323a;
  --border-focus: #fb923c;

  --text-primary: #f2ece3;      /* library-card cream */
  --text-secondary: #b9b2a7;
  --text-muted: #6d675f;

  --accent-primary: #fb923c;    /* amber */
  --accent-primary-hover: #fdba74;
  --accent-secondary: #f59e0b;
  --accent-glow: rgb(251 146 60 / 0.25);
  --accent-contrast: #0a0a0c;   /* text on an accent fill */

  --accent-tag: #f59e0b;
  --status-success: #86c67c;
  --status-danger: #f87171;
  --slider-track: #26262c;
  --slider-thumb: #fb923c;
}

[data-theme='nord'] {
  --bg-canvas: #2e3440;
  --bg-surface: #3b4252;
  --bg-surface-elevated: #434c5e;
  --bg-surface-hover: #4c566a;
  --border-subtle: #3b4252;
  --border-strong: #4c566a;
  --border-focus: #88c0d0;
  --text-primary: #eceff4;
  --text-secondary: #d8dee9;
  --text-muted: #7b88a1;
  --accent-primary: #88c0d0;
  --accent-primary-hover: #8fbcbb;
  --accent-secondary: #81a1c1;
  --accent-glow: rgb(136 192 208 / 0.25);
  --accent-contrast: #2e3440;
  --accent-tag: #8fbcbb;
  --status-success: #a3be8c;
  --status-danger: #bf616a;
  --slider-track: #3b4252;
  --slider-thumb: #88c0d0;
}

[data-theme='catppuccin'] {
  --bg-canvas: #1e1e2e;
  --bg-surface: #181825;
  --bg-surface-elevated: #313244;
  --bg-surface-hover: #45475a;
  --border-subtle: #313244;
  --border-strong: #45475a;
  --border-focus: #b4befe;
  --text-primary: #cdd6f4;
  --text-secondary: #a6adc8;
  --text-muted: #6c7086;
  --accent-primary: #b4befe;
  --accent-primary-hover: #c7d0ff;
  --accent-secondary: #cba6f7;
  --accent-glow: rgb(180 190 254 / 0.25);
  --accent-contrast: #1e1e2e;
  --accent-tag: #fab387;
  --status-success: #94e2d5;
  --status-danger: #f38ba8;
  --slider-track: #313244;
  --slider-thumb: #b4befe;
}

[data-theme='solarized'] {
  --bg-canvas: #002b36;
  --bg-surface: #073642;
  --bg-surface-elevated: #094352;
  --bg-surface-hover: #0c5264;
  --border-subtle: #073642;
  --border-strong: #586e75;
  --border-focus: #b58900;
  --text-primary: #cfd8d8;
  --text-secondary: #93a1a1;
  --text-muted: #657b83;
  --accent-primary: #b58900;
  --accent-primary-hover: #cb9e14;
  --accent-secondary: #cb4b16;
  --accent-glow: rgb(181 137 0 / 0.25);
  --accent-contrast: #002b36;
  --accent-tag: #2aa198;
  --status-success: #859900;
  --status-danger: #dc322f;
  --slider-track: #073642;
  --slider-thumb: #b58900;
}

[data-theme='dracula'] {
  --bg-canvas: #282a36;
  --bg-surface: #21222c;
  --bg-surface-elevated: #44475a;
  --bg-surface-hover: #555970;
  --border-subtle: #343746;
  --border-strong: #6272a4;
  --border-focus: #ff79c6;
  --text-primary: #f8f8f2;
  --text-secondary: #c9c9e0;
  --text-muted: #6272a4;
  --accent-primary: #ff79c6;
  --accent-primary-hover: #ff92d2;
  --accent-secondary: #bd93f9;
  --accent-glow: rgb(255 121 198 / 0.3);
  --accent-contrast: #282a36;
  --accent-tag: #8be9fd;
  --status-success: #50fa7b;
  --status-danger: #ff5555;
  --slider-track: #44475a;
  --slider-thumb: #ff79c6;
}