/* ============================================
 * Theme: Dark Parchment (羊皮纸暗色)
 * 用户可复制此文件作为自定义主题模板
 * ============================================ */

[data-theme="dark-parchment"] {
  color-scheme: dark;
  /* --- Primary --- */
  --token-color-primary: #C4B8A8;
  --token-color-primary-hover: #D4C9BC;
  --token-color-primary-active: #A89888;
  --token-color-primary-bg: #2D2A22;
  --token-color-primary-bg-hover: #363228;
  --token-color-primary-border: #4A463C;
  --token-color-primary-border-hover: #5B564C;
  --token-color-primary-text: #FAF9F6;
  --token-color-primary-text-hover: #D4C9BC;
  --token-color-primary-text-active: #C4B8A8;
  --token-color-text-on-primary: #1A1814;

  /* --- Text --- */
  --token-color-text: #FAF9F6;
  --token-color-text-secondary: #C9C4B8;
  --token-color-text-tertiary: #A8A296;
  --token-color-text-quaternary: #8A857A;
  --token-color-text-base: #F0EDE7;

  /* --- Border --- */
  --token-color-border: #4A463C;
  --token-color-border-secondary: #3D3930;
  --token-color-border-tertiary: #2D2A22;

  /* --- Fill --- */
  --token-color-fill: #3D3930;
  --token-color-fill-secondary: #363228;
  --token-color-fill-tertiary: #252220;
  --token-color-fill-quaternary: #1E1C18;
  --token-color-fill-disable: #4A463C;

  /* --- Background --- */
  --token-color-bg-container: #1E1C18;
  --token-color-bg-elevated: #252220;
  --token-color-bg-layout: #1A1814;
  --token-color-bg-spotlight: #252220;
  --token-color-bg-mask: rgba(0, 0, 0, 0.6);
  /* PlanPart 点阵高亮遮罩渐变（随主题） */
  --token-color-mask-shimmer-weak: rgba(0, 0, 0, 0.3);
  --token-color-mask-shimmer-strong: rgba(0, 0, 0, 0.8);
  --token-color-mask-shimmer-full: rgba(0, 0, 0, 1);
  --token-color-bg-base: #1A1814;
  --token-color-bg-highlight: #C9C4B8;
  --token-color-bg-highlight-hover: #D4C9BC;

  /* --- Shadow (暗色羊皮纸，需要更强的阴影) --- */
  --token-color-shadow-primary: rgba(0, 0, 0, 0.08);
  --token-color-shadow-secondary: rgba(0, 0, 0, 0.14);
  --token-color-shadow-tertiary: rgba(0, 0, 0, 0.22);
  --token-color-shadow-quaternary: rgba(0, 0, 0, 0.30);

  /* --- Semantic Colors --- */
  --token-color-link: #C4B8A8;
  --token-color-error: #FF6B6B;
  --token-color-error-hover: #FF8787;
  --token-color-error-bg: #4A2A2A;
  --token-color-error-bg-hover: #5C3535;
  --token-color-error-border: #663338;
  --token-color-info: #5EBCFF;
  --token-color-info-hover: #7EC9FF;
  --token-color-info-bg: #1A2838;
  --token-color-info-bg-hover: #223244;
  --token-color-info-border: #2A4050;
  --token-color-success: #6B8F71;
  --token-color-success-hover: #7FA385;
  --token-color-success-bg: #1C2A1E;
  --token-color-success-bg-hover: #243224;
  --token-color-success-border: #3D4A3C;
  --token-color-warning: #E5A814;
  --token-color-warning-hover: #F5C024;
  --token-color-warning-bg: #4A4019;
  --token-color-warning-bg-hover: #5C4E1F;
  --token-color-warning-border: #664D19;

  /* --- Accent Colors --- */
  --token-color-pink: #EC4899;
  --token-color-pink-bg: #4A2A38;
  --token-color-pink-bg-hover: #5C3540;
  --token-color-purple: #8B7BED;
  --token-color-purple-bg: #2A2238;
  --token-color-purple-bg-hover: #362E44;
  --token-color-yellow: #E5C04A;
  --token-color-yellow-bg: #4A4030;
  --token-color-yellow-bg-hover: #5C5040;
  --token-color-orange: #E07830;
  --token-color-orange-bg: #4A3020;
  --token-color-orange-bg-hover: #5C3A28;
  --token-color-teal: #14B8A6;
  --token-color-teal-bg: #1A3230;
  --token-color-teal-bg-hover: #243A38;
  --token-color-blue: #0090FF;
  --token-color-blue-bg: #1A2838;
  --token-color-blue-bg-hover: #223244;
  --token-color-mauve: #9C9AA8;
  --token-color-mauve-bg: #2A2830;
  --token-color-mauve-bg-hover: #363438;
  --token-color-slate: #5C5A52;
  --token-color-slate-bg: #2D2A22;
  --token-color-slate-bg-hover: #363228;
  --token-color-lavender: #B99DFF;
  --token-color-lavender-bg: #2A2238;
  --token-color-lavender-bg-hover: #362E44;
  --token-color-sage: #6BB394;
  --token-color-sage-bg: #1C2A24;
  --token-color-sage-bg-hover: #243228;

  /* --- Select 等组件 (input/ring/popover 等) --- */
  --token-color-input: var(--token-color-border-tertiary);
  --token-color-ring: var(--token-color-primary-border);
  --token-color-popover: var(--token-color-bg-container);
  --token-color-popover-foreground: var(--token-color-text);
  --token-color-accent: var(--token-color-fill-secondary);
  --token-color-accent-foreground: var(--token-color-text);
  --token-color-muted: var(--token-color-fill-tertiary);
  --token-color-muted-foreground: var(--token-color-text-secondary);
  --token-color-background: var(--token-color-bg-base);

  /* --- Diff --- */
  --token-color-diff-insert: #6B8F71;
  --token-color-diff-insert-bg: #1C2A1E;
  --token-color-diff-remove: #FC6B83;
  --token-color-diff-remove-bg: #2A1C1E;
}

/* SendButton: dark-parchment 模式下 normal 状态使用 success 色 */
[data-theme="dark-parchment"] .SendButton-send {
  background-color: var(--token-color-success);
}
[data-theme="dark-parchment"] .SendButton-send:hover:not(:disabled) {
  background-color: var(--token-color-success-hover);
}