/* Dreamcore Pixel — dark violet CRT palette extracted from the supplied
   DREAMCORE.SYS prototype. This file owns values only; the optional visual
   skin loads after the shared semantic contracts. */

:root[data-app-theme="dreamcore-pixel"] {
  --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: #0a0612;
  --color-page-soft: #120a1e;
  --color-surface: #1a0f2e;
  --color-surface-raised: #221540;

  --color-text: #e8d5ff;
  --color-text-muted: #aa91d2;
  --color-text-dim: #7c64a5;
  --color-text-inverse: #0a0612;

  --color-accent: #c084fc;
  --color-accent-strong: #a855f7;
  --color-accent-soft: rgba(192, 132, 252, 0.16);
  --color-on-accent: #0a0612;
  --nav-chat-active: #a855f7;
  --color-chrome: rgba(10, 6, 18, 0.90);
  --color-panel-solid: #120a1e;
  --color-highlight: #67e8f9;
  --brand-gradient: linear-gradient(90deg, #a855f7 0%, #c084fc 48%, #67e8f9 100%);
  --color-ornament: #67e8f9;
  --color-ornament-soft: rgba(103, 232, 249, 0.16);
  --home-mark-fill: var(--brand-gradient);

  --color-border: rgba(192, 132, 252, 0.22);
  --color-border-strong: #5b3890;
  --color-overlay: rgba(4, 2, 9, 0.78);
  --shadow-card: 4px 4px 0 #3d2468, 0 0 18px rgba(192, 132, 252, 0.18);
  --shadow-modal: 6px 6px 0 #3d2468, 0 0 32px rgba(192, 132, 252, 0.28);

  --color-success: #4ade80;
  --color-warning: #facc15;
  --color-error: #f87171;
  --color-info: #67e8f9;

  --piggy-paper: #120a1e;
  --piggy-paper-soft: #1a0f2e;
  --piggy-paper-text: #e8d5ff;
  --piggy-paper-muted: #aa91d2;
  --piggy-paper-line: rgba(192, 132, 252, 0.22);
  --piggy-income: #67e8f9;
  --piggy-income-soft: rgba(103, 232, 249, 0.15);
  --piggy-expense: #facc15;
  --piggy-expense-amount: var(--piggy-expense);
  --piggy-expense-soft: rgba(250, 204, 21, 0.14);
  --piggy-receipt-border: rgba(192, 132, 252, 0.22);

  --dreamcore-cyan: #67e8f9;
  --dreamcore-pink: #f472b6;
  --dreamcore-line: #3d2468;
  --dreamcore-glow: rgba(192, 132, 252, 0.35);
}