/* Blue Night — extracted from the Blue Night (bluelight) demo tab. */

:root[data-app-theme="blue-night"] {
  --interest-cloud-stage-min-height: calc(var(--app-vvh, 100vh) - var(--bottom-nav-space) - 128px);
  --chat-message-g-surface: var(--color-accent-soft);
  --chat-message-kiki-surface: var(--color-surface-raised);

  /* 页面 */
  --color-page: #1e3a8a;
  --color-page-soft: #24469a;
  --color-surface: rgba(255, 255, 255, 0.12);
  --color-surface-raised: rgba(255, 255, 255, 0.16);

  /* 文字 */
  --color-text: #e8f0fe;
  --color-text-muted: rgba(232, 240, 254, 0.54);
  --color-text-dim: rgba(232, 240, 254, 0.30);
  --color-text-inverse: #ffffff;

  /* 品牌操作 */
  --color-accent: #93c5fd;
  --color-accent-strong: #60a5fa;
  --color-accent-soft: rgba(147, 197, 253, 0.18);
  --color-on-accent: #ffffff;
  --nav-chat-active: var(--color-accent-strong);
  --color-chrome: rgba(76, 102, 168, 0.96);
  --color-panel-solid: #183270;
  --color-highlight: #60a5fa;
  --brand-gradient: linear-gradient(118deg, #dbeafe 0%, #93c5fd 28%, #60a5fa 58%, #3b82f6 78%, #bfdbfe 100%);

  /* 结构 */
  --color-border: rgba(255, 255, 255, 0.12);
  --color-border-strong: rgba(147, 197, 253, 0.38);
  --color-overlay: rgba(7, 20, 56, 0.66);
  --shadow-card: 0 8px 28px rgba(0, 0, 0, 0.25);
  --shadow-modal: 0 18px 52px rgba(0, 0, 0, 0.35);

  /* 状态 */
  --color-success: #86d7ba;
  --color-warning: #f2c879;
  --color-error: #ff91a9;
  --color-info: #b7d8ff;

  /* 小金库：收入跟随冰蓝主题，支出继续保留黄铜身份。 */
  --piggy-paper: #183270;
  --piggy-paper-soft: #254590;
  --piggy-paper-text: #e8f0fe;
  --piggy-paper-muted: rgba(232, 240, 254, 0.58);
  --piggy-paper-line: rgba(255, 255, 255, 0.12);
  --piggy-income: #93c5fd;
  --piggy-income-soft: rgba(147, 197, 253, 0.18);
  --piggy-expense: #f0c16f;
  --piggy-expense-amount: var(--piggy-expense);
  --piggy-expense-soft: rgba(240, 193, 111, 0.16);
  --piggy-receipt-border: rgba(255, 255, 255, 0.12);
}

html[data-app-theme="blue-night"],
body[data-app-theme="blue-night"],
body[data-app-theme="blue-night"] #app {
  background-color: #1e3a8a !important;
  background-image:
    radial-gradient(ellipse 70% 50% at 10% 10%, rgba(59, 130, 246, 0.60) 0%, transparent 65%),
    radial-gradient(ellipse 60% 60% at 90% 80%, rgba(29, 78, 216, 0.80) 0%, transparent 65%),
    radial-gradient(ellipse 50% 40% at 50% 50%, rgba(37, 99, 235, 0.40) 0%, transparent 70%) !important;
}