/* Sage Night — dark moss, light sage ink and restrained brass from the demo. */

:root[data-app-theme="sage-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: #161c14;
  --color-page-soft: #111710;
  --color-surface: rgba(255, 255, 255, 0.08);
  --color-surface-raised: rgba(255, 255, 255, 0.11);

  /* 文字：沿用 demo 的浅鼠尾草，适度提高正文可读性。 */
  --color-text: #d4d8c4;
  --color-text-muted: rgba(212, 216, 196, 0.68);
  --color-text-dim: rgba(212, 216, 196, 0.46);
  --color-text-inverse: #111710;

  /* 操作绿色，装饰黄铜。 */
  --color-accent: #7a9e82;
  --color-accent-strong: #5c7d64;
  --color-accent-soft: rgba(122, 158, 130, 0.16);
  --color-on-accent: #101610;
  --nav-chat-active: var(--color-accent);
  --color-chrome: rgba(24, 32, 22, 0.96);
  --color-panel-solid: #1c251a;
  --color-highlight: #8fb197;
  --brand-gradient: linear-gradient(118deg, #aec5ac 0%, #7a9e82 48%, #5c7d64 100%);
  --color-ornament: #b08848;
  --color-ornament-soft: rgba(176, 136, 72, 0.16);
  --home-mark-fill: #b08848;

  /* 结构 */
  --color-border: rgba(255, 255, 255, 0.09);
  --color-border-strong: rgba(122, 158, 130, 0.30);
  --color-overlay: rgba(5, 8, 5, 0.68);
  --shadow-card: 0 8px 28px rgba(0, 0, 0, 0.30);
  --shadow-modal: 0 18px 52px rgba(0, 0, 0, 0.42);

  /* 状态 */
  --color-success: #8fb197;
  --color-warning: #c79a57;
  --color-error: #d78378;
  --color-info: #86aeb4;

  /* 小金库继续使用夜苔纸面，并保留黄铜支出身份。 */
  --piggy-paper: #1c251a;
  --piggy-paper-soft: #202a1e;
  --piggy-paper-text: #d4d8c4;
  --piggy-paper-muted: rgba(212, 216, 196, 0.66);
  --piggy-paper-line: rgba(255, 255, 255, 0.10);
  --piggy-income: #7a9e82;
  --piggy-income-soft: rgba(122, 158, 130, 0.16);
  --piggy-expense: #b08848;
  --piggy-expense-amount: var(--piggy-expense);
  --piggy-expense-soft: rgba(176, 136, 72, 0.16);
  --piggy-receipt-border: rgba(255, 255, 255, 0.10);
}

html[data-app-theme="sage-night"],
body[data-app-theme="sage-night"],
body[data-app-theme="sage-night"] #app {
  background-color: #161c14 !important;
  background-image:
    radial-gradient(ellipse 65% 45% at 12% 10%, rgba(36, 50, 30, 0.85) 0%, transparent 65%),
    radial-gradient(ellipse 55% 60% at 85% 85%, rgba(22, 34, 18, 0.90) 0%, transparent 65%),
    radial-gradient(ellipse 45% 40% at 50% 45%, rgba(52, 70, 40, 0.32) 0%, transparent 65%) !important;
}

body[data-app-theme="sage-night"][data-view="home"] .stitch-home .anniversary-script,
body[data-app-theme="sage-night"][data-view="home"] .stitch-home .gq-symbol {
  filter: none !important;
}