/* Samples from the center of each official palette swatch, without image backgrounds. */
:root {
  --palette-1:#a393bf; --palette-2:#9882ac; --palette-3:#73648a; --palette-4:#453750; --palette-5:#0c0910;
  --bg-primary:var(--palette-5); --bg-secondary:#14111d; --bg-panel:#191622; --bg-elevated:#252030;
  --text-primary:#f1ecfa; --text-secondary:#c4b9d7; --text-muted:#a79ab9;
  --border-primary:#453750; --border-subtle:#302739;
  --accent-primary:#bba6e5; --accent-secondary:var(--palette-1); --accent-hover:#cdbbed;
  --slider-track:#352c43; --slider-fill:var(--accent-primary);
  --success:#89d5b2; --warning:#ebc77f; --error:#ff9aab;
  --bg-app:var(--bg-primary); --bg-panel2:var(--bg-secondary); --bg-panel3:var(--bg-elevated); --bg-input:#201b2a;
  --text:var(--text-primary); --text2:var(--text-secondary); --text3:var(--text-muted);
  --border:var(--border-subtle); --border-strong:var(--border-primary);
  --cyan:var(--accent-primary); --purple:var(--palette-2); --magenta:var(--accent-secondary);
  --green:var(--success); --amber:var(--warning); --red:var(--error);
  --bg-hover:#ffffff07; --bg-active:#a393bf29; --track:var(--slider-track);
  --accent-grad:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));
  --primary-grad:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));
  --thumb-glow:none; --shadow:0 2px 6px #00000016; --shadow-pop:0 18px 60px #00000055;
  --viewport-bg:#0c0910; --accent-ink:#21182f; --logo-ground:#0c0910;
  color-scheme:dark;
}
[data-theme="light"] {
  --palette-1:#ccfbfe; --palette-2:#cdd6dd; --palette-3:#cdcacc; --palette-4:#e1b6e7; --palette-5:#f18ddc;
  --bg-primary:#eef9fc; --bg-secondary:#eaf7fb; --bg-panel:#f5f9fe; --bg-elevated:#edf0f8;
  --text-primary:#191932; --text-secondary:#4c5474; --text-muted:#626d87;
  --border-primary:#cdd6dd; --border-subtle:#dce2ed;
  --accent-primary:var(--palette-5); --accent-secondary:var(--palette-4); --accent-hover:#efa1e0;
  --slider-track:#e5dfec; --slider-fill:var(--palette-5);
  --success:#237858; --warning:#87621a; --error:#ad3157;
  --bg-input:#e8eef5; --bg-hover:#e1b6e720; --bg-active:#f18ddc30;
  --viewport-bg:#edf7fc; --accent-ink:#381838;
  --shadow:0 2px 8px #45375006; --shadow-pop:0 18px 60px #45375024;
  color-scheme:light;
}