/*
 * Haiyue Nightfall — deep navy surfaces, blue-violet energy and gold detail.
 * Apply with data-hy-theme="dark" on :root or on a component subtree.
 */
:root[data-hy-theme="dark"],
[data-hy-theme="dark"] {
  color-scheme: dark;
  --hy-theme-name: "Haiyue Nightfall";
  --hy-canvas-color: #080b21;
  --hy-surface-color: #10132f;
  --hy-surface-elevated-color: #181a40;
  --hy-panel-bg-color: #121633;
  --hy-input-bg-color: #0c1029;
  --hy-menu-bg-color: #171a3e;
  --hy-text-color: #eef0ff;
  --hy-secondary-text-color: #a9add4;
  --hy-muted-color: #747ba8;
  --hy-disabled-text-color: #656b96;
  --hy-border-color: #343765;
  --hy-border-strong-color: #484b84;
  --hy-hover-border-color: #6468aa;
  --hy-hover-bg-color: #242752;
  --hy-menu-item-hover-bg-color: #302d6b;
  --hy-accent-color: #8177f2;
  --hy-accent-strong-color: #554cc6;
  --hy-selected-bg-color: #554cc6;
  --hy-selected-text-color: #ffffff;
  --hy-active-text-color: #f5f2ff;
  --hy-focus-border-color: #9c8fff;
  --hy-focus-ring-color: rgba(137, 121, 255, 0.28);
  --hy-invalid-border-color: #dd6f91;
  --hy-menu-shadow-color: rgba(1, 2, 15, 0.52);
  --hy-dialog-shadow-color: rgba(1, 2, 18, 0.62);
  --hy-dialog-backdrop-color: rgba(3, 4, 20, 0.72);
  --hy-dialog-bg-color: #17193b;
  --hy-dialog-body-color: #b8badb;
  --hy-dialog-footer-bg-color: #11142f;
  --hy-tooltip-bg-color: #090b20;
  --hy-tooltip-text-color: #f4f2ff;
  --hy-tooltip-border-color: rgba(150, 137, 255, 0.28);
  --hy-tooltip-shadow-color: rgba(0, 0, 10, 0.5);
  --hy-drop-indicator-color: #9287ff;
  --hy-drop-target-bg-color: #29265b;
  --hy-theme-glow-color: #5149b9;
  --hy-theme-highlight-color: #e1b952;
}