/* 紀謙 CRM 共用主題變數（前台與後台共用，變數名稱與 ji-cian.online 一致）
   淺色＝網站原值；深色＝另外設計的配色。切換規則見 功能研發/視覺與深淺色規範.md */
:root {
  color-scheme: light;
  --jc-bg-light: #faf8fc;
  --jc-bg-white: #ffffff;
  --jc-bg-warm: #fdfbf7;
  --jc-purple-pale: #f3e5f9;
  --jc-text-dark: #2d1b3d;
  --jc-text-gray: #5c4a6e;
  --jc-text-light: #76648a;      /* 對比修正：小字用，5.3:1 */
  --jc-border-light: rgba(74,28,107,.12);
  --jc-purple-dark: #4a1c6b;
  --jc-purple-main: #6b2d9b;
  --jc-purple-light: #9b59b6;
  --jc-gold-main: #d4af37;
  --jc-gold-dark: #b8860b;
  --jc-gold-text: #8a6508;       /* 對比修正：金色小字用，5.3:1 */
  --jc-gold-soft: #fef3c7;
  --jc-success: #187040;
  --jc-success-bg: #e6f4ea;
  --jc-error: #c0392b;
  --jc-error-bg: #fdecea;
  --jc-warn: #8a5a00;
  --jc-warn-bg: #fff4de;
  --jc-line-green: #06C755;
  --jc-gradient-hero: linear-gradient(160deg,#2d1b3d 0%,#4a1c6b 40%,#3a1555 100%);
  --jc-gradient-gold: linear-gradient(135deg,#d4af37 0%,#f4d03f 100%);
  --jc-shadow-md: 0 4px 12px rgba(74,28,107,.15);
  --jc-shadow-lg: 0 10px 40px rgba(74,28,107,.15);
  --jc-on-dark: #ffffff;         /* 深色底（選單選中、重點卡片）上的字 */
  --jc-hover: rgba(74,28,107,.07);
  --jc-focus: #6b2d9b;
  --jc-select-bg: #2d1b3d;       /* 選中的選單、主要按鈕、重點卡片 */
  --jc-select-fg: #ffffff;
  --jc-select-bd: transparent;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --jc-bg-light: #140c1c; --jc-bg-white: #1e1329; --jc-bg-warm: #1a1222; --jc-purple-pale: #271a33;
    --jc-text-dark: #f2eaf7; --jc-text-gray: #c4b3d3; --jc-text-light: #9a88ac;
    --jc-border-light: rgba(212,165,232,.14);
    --jc-purple-dark: #e3cdf2; --jc-purple-main: #b07cd8; --jc-purple-light: #c99be6;
    --jc-gold-main: #e0be4f; --jc-gold-dark: #e8c867; --jc-gold-text: #e8c867; --jc-gold-soft: rgba(212,175,55,.14);
    --jc-success: #3ccf86; --jc-success-bg: rgba(60,207,134,.14);
    --jc-error: #f0786c; --jc-error-bg: rgba(240,120,108,.14);
    --jc-warn: #f0b455; --jc-warn-bg: rgba(240,180,85,.14);
    --jc-gradient-hero: linear-gradient(160deg,#1c0f29 0%,#331650 45%,#140c1c 100%);
    --jc-shadow-md: 0 4px 14px rgba(0,0,0,.45); --jc-shadow-lg: 0 12px 40px rgba(0,0,0,.55);
    --jc-hover: rgba(212,165,232,.09); --jc-focus: #c99be6;
  --jc-select-bg: var(--jc-gradient-hero); --jc-select-fg: #f2eaf7; --jc-select-bd: rgba(212,175,55,.35);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --jc-bg-light: #140c1c; --jc-bg-white: #1e1329; --jc-bg-warm: #1a1222; --jc-purple-pale: #271a33;
  --jc-text-dark: #f2eaf7; --jc-text-gray: #c4b3d3; --jc-text-light: #9a88ac;
  --jc-border-light: rgba(212,165,232,.14);
  --jc-purple-dark: #e3cdf2; --jc-purple-main: #b07cd8; --jc-purple-light: #c99be6;
  --jc-gold-main: #e0be4f; --jc-gold-dark: #e8c867; --jc-gold-text: #e8c867; --jc-gold-soft: rgba(212,175,55,.14);
  --jc-success: #3ccf86; --jc-success-bg: rgba(60,207,134,.14);
  --jc-error: #f0786c; --jc-error-bg: rgba(240,120,108,.14);
  --jc-warn: #f0b455; --jc-warn-bg: rgba(240,180,85,.14);
  --jc-gradient-hero: linear-gradient(160deg,#1c0f29 0%,#331650 45%,#140c1c 100%);
  --jc-shadow-md: 0 4px 14px rgba(0,0,0,.45); --jc-shadow-lg: 0 12px 40px rgba(0,0,0,.55);
  --jc-hover: rgba(212,165,232,.09); --jc-focus: #c99be6;
  --jc-select-bg: var(--jc-gradient-hero); --jc-select-fg: #f2eaf7; --jc-select-bd: rgba(212,175,55,.35);
}
/* 切換時背景與文字 200ms 漸變；使用者要求減少動態時不漸變 */
body { transition: background-color .2s, color .2s; }
@media (prefers-reduced-motion: reduce) { body, body * { transition: none !important; } }