/* Sage — soft linen, sage green and restrained brass from the approved demo. */

:root[data-app-theme="sage"] {
  --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: #f5f4ee;
  --color-page-soft: #ede9df;
  --color-surface: rgba(250, 248, 242, 0.88);
  --color-surface-raised: #faf8f2;

  /* 文字 */
  --color-text: #2e3028;
  --color-text-muted: #707767;
  --color-text-dim: #8a9080;
  --color-text-inverse: #f8f7f1;

  /* 品牌操作：鼠尾草绿负责操作，黄铜负责装饰与分区。 */
  --color-accent: #4a6650;
  --color-accent-strong: #354a3a;
  --color-accent-soft: rgba(74, 102, 80, 0.10);
  --color-on-accent: #ffffff;
  --nav-chat-active: var(--color-accent-strong);
  --color-chrome: rgba(250, 248, 242, 0.96);
  --color-panel-solid: #f5f4ee;
  --color-highlight: #4a6650;
  --brand-gradient: linear-gradient(118deg, #d8decf 0%, #8fac94 34%, #4a6650 68%, #a07840 100%);
  --color-ornament: #a07840;
  --color-ornament-soft: rgba(160, 120, 64, 0.12);
  --home-mark-fill: #a07840;

  /* 结构 */
  --color-border: rgba(46, 48, 40, 0.09);
  --color-border-strong: rgba(74, 102, 80, 0.28);
  --color-overlay: rgba(32, 38, 30, 0.38);
  --shadow-card: 0 8px 28px rgba(46, 48, 40, 0.07);
  --shadow-modal: 0 18px 52px rgba(46, 48, 40, 0.10);

  /* 状态 */
  --color-success: #4a6650;
  --color-warning: #a07840;
  --color-error: #a85249;
  --color-info: #637f86;

  /* 小金库：鼠尾草收入与黄铜支出。 */
  --piggy-paper: #faf8f2;
  --piggy-paper-soft: #ede9df;
  --piggy-paper-text: #2e3028;
  --piggy-paper-muted: #777d6e;
  --piggy-paper-line: rgba(46, 48, 40, 0.10);
  --piggy-income: #4a6650;
  --piggy-income-soft: rgba(74, 102, 80, 0.10);
  --piggy-expense: #a07840;
  --piggy-expense-amount: var(--piggy-expense);
  --piggy-expense-soft: rgba(160, 120, 64, 0.11);
  --piggy-receipt-border: rgba(46, 48, 40, 0.10);
}

/* The reference uses a quiet linen gradient. Do not inherit Day's pink room
   wash around the centered app canvas. */
html[data-app-theme="sage"],
body[data-app-theme="sage"],
body[data-app-theme="sage"] #app {
  background-color: #f5f4ee !important;
  background-image: linear-gradient(180deg, #f5f4ee 0%, #ede9df 100%) !important;
}

/* A clean brass signature: no grey-green blend or fuzzy halo. */
body[data-app-theme="sage"][data-view="home"] .stitch-home .anniversary-script,
body[data-app-theme="sage"][data-view="home"] .stitch-home .gq-symbol {
  filter: none !important;
}