/* themes-batch-a.css - 主题批量文件 A（cyan/mint/sky/matcha/indigo/sakura/peacock）。加载顺序须在 themes.css 之后。 v2.0 徽章色改为 pickTags 动态选色。 */

[data-theme="cyan"] {
  --color-bg-primary: #fffffe;
  --color-bg-secondary: #f2eef5;
  --color-bg-tertiary: color-mix(in srgb, #fffffe 88%, #181818);
  --color-text-primary: #181818;
  --color-text-secondary: #2e2e2e;
  --color-text-tertiary: color-mix(in srgb, #2e2e2e 68%, #fffffe);
  --color-text-muted: color-mix(in srgb, #2e2e2e 42%, #fffffe);
  --color-primary: #4fc4cf;
  --color-primary-hover: color-mix(in srgb, #4fc4cf 80%, #181818);
  --color-primary-light: #4fc4cf;
  --color-border: color-mix(in srgb, #fffffe 76%, #181818);
  --color-border-light: color-mix(in srgb, #fffffe 88%, #181818);
  --color-divider: color-mix(in srgb, #fffffe 84%, #181818);
  --btn-primary-bg: #4fc4cf;
  --btn-primary-text: #181818;
  --btn-primary-hover: color-mix(in srgb, #4fc4cf 80%, #181818);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #fffffe 64%, #181818);
  --btn-secondary-text: #181818;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #181818 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #181818 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #181818 26%, transparent);
  --chat-bg: #fffffe;
  --chat-panel: #f2eef5;
  --chat-panel-alt: color-mix(in srgb, #fffffe 88%, #181818);
  --chat-border: color-mix(in srgb, #fffffe 78%, #181818);
  --chat-border-strong: color-mix(in srgb, #fffffe 62%, #181818);
  --chat-txt: #181818;
  --chat-muted: color-mix(in srgb, #2e2e2e 62%, #fffffe);
  --chat-accent: #4fc4cf;
  --chat-accent-light: #4fc4cf;
  --chat-cyan: #4fc4cf;
  --chat-magenta: #fbdd74;
  --chat-amber: #fbdd74;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #fffffe);
  --color-danger-border: #dc2626;
  --color-action-bg: #4fc4cf;
  --color-action-text: #181818;
  --chat-on-accent: #181818;
  --badge-completed-bg: color-mix(in srgb, #4fc4cf 22%, #fffffe);
  --badge-completed-text: #4fc4cf;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #fffffe);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #4fc4cf 22%, #fffffe);
  --badge-failed-text: #4fc4cf;
  --badge-blocked-bg: color-mix(in srgb, #181818 10%, #fffffe);
  --badge-blocked-text: color-mix(in srgb, #2e2e2e 68%, #fffffe);
  --badge-running-bg: color-mix(in srgb, #994ff3 22%, #fffffe);
  --badge-running-text: #994ff3;
}

[data-theme="mint"] {
  --color-bg-primary: #fffffe;
  --color-bg-secondary: #fffffe;
  --color-bg-tertiary: color-mix(in srgb, #fffffe 88%, #00214d);
  --color-text-primary: #00214d;
  --color-text-secondary: #1b2d45;
  --color-text-tertiary: color-mix(in srgb, #1b2d45 68%, #fffffe);
  --color-text-muted: color-mix(in srgb, #1b2d45 42%, #fffffe);
  --color-primary: #00ebc7;
  --color-primary-hover: color-mix(in srgb, #00ebc7 80%, #00214d);
  --color-primary-light: #00ebc7;
  --color-border: color-mix(in srgb, #fffffe 76%, #00214d);
  --color-border-light: color-mix(in srgb, #fffffe 88%, #00214d);
  --color-divider: color-mix(in srgb, #fffffe 84%, #00214d);
  --btn-primary-bg: #00ebc7;
  --btn-primary-text: #00214d;
  --btn-primary-hover: color-mix(in srgb, #00ebc7 80%, #00214d);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #fffffe 64%, #00214d);
  --btn-secondary-text: #00214d;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #00214d 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #00214d 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #00214d 26%, transparent);
  --chat-bg: #fffffe;
  --chat-panel: #fffffe;
  --chat-panel-alt: color-mix(in srgb, #fffffe 88%, #00214d);
  --chat-border: color-mix(in srgb, #fffffe 78%, #00214d);
  --chat-border-strong: color-mix(in srgb, #fffffe 62%, #00214d);
  --chat-txt: #00214d;
  --chat-muted: color-mix(in srgb, #1b2d45 62%, #fffffe);
  --chat-accent: #00ebc7;
  --chat-accent-light: #00ebc7;
  --chat-cyan: #00ebc7;
  --chat-magenta: #fde24f;
  --chat-amber: #fde24f;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #fffffe);
  --color-danger-border: #dc2626;
  --color-action-bg: #00ebc7;
  --color-action-text: #00214d;
  --chat-on-accent: #00214d;
  --badge-completed-bg: color-mix(in srgb, #00ebc7 22%, #fffffe);
  --badge-completed-text: #00ebc7;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #fffffe);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #00ebc7 22%, #fffffe);
  --badge-failed-text: #00ebc7;
  --badge-blocked-bg: color-mix(in srgb, #00214d 10%, #fffffe);
  --badge-blocked-text: color-mix(in srgb, #1b2d45 68%, #fffffe);
  --badge-running-bg: color-mix(in srgb, #ff5470 22%, #fffffe);
  --badge-running-text: #ff5470;
}

[data-theme="sky"] {
  --color-bg-primary: #fffffe;
  --color-bg-secondary: #fffffe;
  --color-bg-tertiary: color-mix(in srgb, #fffffe 88%, #094067);
  --color-text-primary: #094067;
  --color-text-secondary: #5f6c7b;
  --color-text-tertiary: color-mix(in srgb, #5f6c7b 68%, #fffffe);
  --color-text-muted: color-mix(in srgb, #5f6c7b 42%, #fffffe);
  --color-primary: #3da9fc;
  --color-primary-hover: color-mix(in srgb, #3da9fc 80%, #094067);
  --color-primary-light: #3da9fc;
  --color-border: color-mix(in srgb, #fffffe 76%, #094067);
  --color-border-light: color-mix(in srgb, #fffffe 88%, #094067);
  --color-divider: color-mix(in srgb, #fffffe 84%, #094067);
  --btn-primary-bg: #3da9fc;
  --btn-primary-text: #fffffe;
  --btn-primary-hover: color-mix(in srgb, #3da9fc 80%, #094067);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #fffffe 64%, #094067);
  --btn-secondary-text: #094067;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #094067 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #094067 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #094067 26%, transparent);
  --chat-bg: #fffffe;
  --chat-panel: #fffffe;
  --chat-panel-alt: color-mix(in srgb, #fffffe 88%, #094067);
  --chat-border: color-mix(in srgb, #fffffe 78%, #094067);
  --chat-border-strong: color-mix(in srgb, #fffffe 62%, #094067);
  --chat-txt: #094067;
  --chat-muted: color-mix(in srgb, #5f6c7b 62%, #fffffe);
  --chat-accent: #3da9fc;
  --chat-accent-light: #3da9fc;
  --chat-cyan: #3da9fc;
  --chat-magenta: #ef4565;
  --chat-amber: #ef4565;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #fffffe);
  --color-danger-border: #dc2626;
  --color-action-bg: #3da9fc;
  --color-action-text: #fffffe;
  --chat-on-accent: #fffffe;
  --badge-completed-bg: color-mix(in srgb, #3da9fc 22%, #fffffe);
  --badge-completed-text: #3da9fc;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #fffffe);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #3da9fc 22%, #fffffe);
  --badge-failed-text: #3da9fc;
  --badge-blocked-bg: color-mix(in srgb, #094067 10%, #fffffe);
  --badge-blocked-text: color-mix(in srgb, #5f6c7b 68%, #fffffe);
  --badge-running-bg: color-mix(in srgb, #ef4565 22%, #fffffe);
  --badge-running-text: #ef4565;
}

[data-theme="matcha"] {
  --color-bg-primary: #f2f7f5;
  --color-bg-secondary: #f2f7f5;
  --color-bg-tertiary: color-mix(in srgb, #f2f7f5 88%, #00473e);
  --color-text-primary: #00473e;
  --color-text-secondary: #475d5b;
  --color-text-tertiary: color-mix(in srgb, #475d5b 68%, #f2f7f5);
  --color-text-muted: color-mix(in srgb, #475d5b 42%, #f2f7f5);
  --color-primary: #faae2b;
  --color-primary-hover: color-mix(in srgb, #faae2b 80%, #00473e);
  --color-primary-light: #faae2b;
  --color-border: color-mix(in srgb, #f2f7f5 76%, #00473e);
  --color-border-light: color-mix(in srgb, #f2f7f5 88%, #00473e);
  --color-divider: color-mix(in srgb, #f2f7f5 84%, #00473e);
  --btn-primary-bg: #faae2b;
  --btn-primary-text: #00473e;
  --btn-primary-hover: color-mix(in srgb, #faae2b 80%, #00473e);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #f2f7f5 64%, #00473e);
  --btn-secondary-text: #00473e;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #00473e 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #00473e 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #00473e 26%, transparent);
  --chat-bg: #f2f7f5;
  --chat-panel: #f2f7f5;
  --chat-panel-alt: color-mix(in srgb, #f2f7f5 88%, #00473e);
  --chat-border: color-mix(in srgb, #f2f7f5 78%, #00473e);
  --chat-border-strong: color-mix(in srgb, #f2f7f5 62%, #00473e);
  --chat-txt: #00473e;
  --chat-muted: color-mix(in srgb, #475d5b 62%, #f2f7f5);
  --chat-accent: #faae2b;
  --chat-accent-light: #faae2b;
  --chat-cyan: #faae2b;
  --chat-magenta: #fa5246;
  --chat-amber: #fa5246;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #f2f7f5);
  --color-danger-border: #dc2626;
  --color-action-bg: #faae2b;
  --color-action-text: #00473e;
  --chat-on-accent: #00473e;
  --badge-completed-bg: color-mix(in srgb, #faae2b 22%, #f2f7f5);
  --badge-completed-text: #faae2b;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #f2f7f5);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #faae2b 22%, #f2f7f5);
  --badge-failed-text: #faae2b;
  --badge-blocked-bg: color-mix(in srgb, #00473e 10%, #f2f7f5);
  --badge-blocked-text: color-mix(in srgb, #475d5b 68%, #f2f7f5);
  --badge-running-bg: color-mix(in srgb, #fa5246 22%, #f2f7f5);
  --badge-running-text: #fa5246;
}

[data-theme="indigo"] {
  --color-bg-primary: #fffffe;
  --color-bg-secondary: #fffffe;
  --color-bg-tertiary: color-mix(in srgb, #fffffe 88%, #2b2c34);
  --color-text-primary: #2b2c34;
  --color-text-secondary: #2b2c34;
  --color-text-tertiary: color-mix(in srgb, #2b2c34 68%, #fffffe);
  --color-text-muted: color-mix(in srgb, #2b2c34 42%, #fffffe);
  --color-primary: #6246ea;
  --color-primary-hover: color-mix(in srgb, #6246ea 80%, #2b2c34);
  --color-primary-light: #6246ea;
  --color-border: color-mix(in srgb, #fffffe 76%, #2b2c34);
  --color-border-light: color-mix(in srgb, #fffffe 88%, #2b2c34);
  --color-divider: color-mix(in srgb, #fffffe 84%, #2b2c34);
  --btn-primary-bg: #6246ea;
  --btn-primary-text: #fffffe;
  --btn-primary-hover: color-mix(in srgb, #6246ea 80%, #2b2c34);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #fffffe 64%, #2b2c34);
  --btn-secondary-text: #2b2c34;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #2b2c34 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #2b2c34 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #2b2c34 26%, transparent);
  --chat-bg: #fffffe;
  --chat-panel: #fffffe;
  --chat-panel-alt: color-mix(in srgb, #fffffe 88%, #2b2c34);
  --chat-border: color-mix(in srgb, #fffffe 78%, #2b2c34);
  --chat-border-strong: color-mix(in srgb, #fffffe 62%, #2b2c34);
  --chat-txt: #2b2c34;
  --chat-muted: color-mix(in srgb, #2b2c34 62%, #fffffe);
  --chat-accent: #6246ea;
  --chat-accent-light: #6246ea;
  --chat-cyan: #6246ea;
  --chat-magenta: #e45858;
  --chat-amber: #e45858;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #fffffe);
  --color-danger-border: #dc2626;
  --color-action-bg: #6246ea;
  --color-action-text: #fffffe;
  --chat-on-accent: #fffffe;
  --badge-completed-bg: color-mix(in srgb, #6246ea 22%, #fffffe);
  --badge-completed-text: #6246ea;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #fffffe);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #e45858 22%, #fffffe);
  --badge-failed-text: #e45858;
  --badge-blocked-bg: color-mix(in srgb, #2b2c34 10%, #fffffe);
  --badge-blocked-text: color-mix(in srgb, #2b2c34 68%, #fffffe);
  --badge-running-bg: color-mix(in srgb, #6246ea 22%, #fffffe);
  --badge-running-text: #6246ea;
}

[data-theme="sakura"] {
  --color-bg-primary: #fec7d7;
  --color-bg-secondary: #f9f8fc;
  --color-bg-tertiary: color-mix(in srgb, #fec7d7 88%, #0e172c);
  --color-text-primary: #0e172c;
  --color-text-secondary: #0e172c;
  --color-text-tertiary: color-mix(in srgb, #0e172c 68%, #fec7d7);
  --color-text-muted: color-mix(in srgb, #0e172c 42%, #fec7d7);
  --color-primary: #0e172c;
  --color-primary-hover: color-mix(in srgb, #0e172c 80%, #0e172c);
  --color-primary-light: #fec7d7;
  --color-border: color-mix(in srgb, #fec7d7 76%, #0e172c);
  --color-border-light: color-mix(in srgb, #fec7d7 88%, #0e172c);
  --color-divider: color-mix(in srgb, #fec7d7 84%, #0e172c);
  --btn-primary-bg: #0e172c;
  --btn-primary-text: #fffffe;
  --btn-primary-hover: color-mix(in srgb, #0e172c 80%, #0e172c);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #fec7d7 64%, #0e172c);
  --btn-secondary-text: #0e172c;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #0e172c 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #0e172c 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #0e172c 26%, transparent);
  --chat-bg: #fec7d7;
  --chat-panel: #f9f8fc;
  --chat-panel-alt: color-mix(in srgb, #fec7d7 88%, #0e172c);
  --chat-border: color-mix(in srgb, #fec7d7 78%, #0e172c);
  --chat-border-strong: color-mix(in srgb, #fec7d7 62%, #0e172c);
  --chat-txt: #0e172c;
  --chat-muted: color-mix(in srgb, #0e172c 62%, #fec7d7);
  --chat-accent: #0e172c;
  --chat-accent-light: #fec7d7;
  --chat-cyan: #fec7d7;
  --chat-magenta: #a786df;
  --chat-amber: #a786df;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #fec7d7);
  --color-danger-border: #dc2626;
  --color-action-bg: #0e172c;
  --color-action-text: #fffffe;
  --chat-on-accent: #fffffe;
  --badge-completed-bg: color-mix(in srgb, #a786df 22%, #fec7d7);
  --badge-completed-text: #a786df;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #fec7d7);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #d9d4e7 22%, #fec7d7);
  --badge-failed-text: #d9d4e7;
  --badge-blocked-bg: color-mix(in srgb, #0e172c 10%, #fec7d7);
  --badge-blocked-text: color-mix(in srgb, #0e172c 68%, #fec7d7);
  --badge-running-bg: color-mix(in srgb, #0e172c 22%, #fec7d7);
  --badge-running-text: #0e172c;
}

[data-theme="peacock"] {
  --color-bg-primary: #f8f5f2;
  --color-bg-secondary: #fffffe;
  --color-bg-tertiary: color-mix(in srgb, #f8f5f2 88%, #232323);
  --color-text-primary: #232323;
  --color-text-secondary: #222525;
  --color-text-tertiary: color-mix(in srgb, #222525 68%, #f8f5f2);
  --color-text-muted: color-mix(in srgb, #222525 42%, #f8f5f2);
  --color-primary: #078080;
  --color-primary-hover: color-mix(in srgb, #078080 80%, #232323);
  --color-primary-light: #078080;
  --color-border: color-mix(in srgb, #f8f5f2 76%, #232323);
  --color-border-light: color-mix(in srgb, #f8f5f2 88%, #232323);
  --color-divider: color-mix(in srgb, #f8f5f2 84%, #232323);
  --btn-primary-bg: #078080;
  --btn-primary-text: #232323;
  --btn-primary-hover: color-mix(in srgb, #078080 80%, #232323);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #f8f5f2 64%, #232323);
  --btn-secondary-text: #232323;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #232323 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #232323 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #232323 26%, transparent);
  --chat-bg: #f8f5f2;
  --chat-panel: #fffffe;
  --chat-panel-alt: color-mix(in srgb, #f8f5f2 88%, #232323);
  --chat-border: color-mix(in srgb, #f8f5f2 78%, #232323);
  --chat-border-strong: color-mix(in srgb, #f8f5f2 62%, #232323);
  --chat-txt: #232323;
  --chat-muted: color-mix(in srgb, #222525 62%, #f8f5f2);
  --chat-accent: #078080;
  --chat-accent-light: #078080;
  --chat-cyan: #078080;
  --chat-magenta: #f8f5f2;
  --chat-amber: #f8f5f2;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #f8f5f2);
  --color-danger-border: #dc2626;
  --color-action-bg: #078080;
  --color-action-text: #232323;
  --chat-on-accent: #232323;
  --badge-completed-bg: color-mix(in srgb, #078080 22%, #f8f5f2);
  --badge-completed-text: #078080;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #f8f5f2);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #f45d48 22%, #f8f5f2);
  --badge-failed-text: #f45d48;
  --badge-blocked-bg: color-mix(in srgb, #232323 10%, #f8f5f2);
  --badge-blocked-text: color-mix(in srgb, #222525 68%, #f8f5f2);
  --badge-running-bg: color-mix(in srgb, #078080 22%, #f8f5f2);
  --badge-running-text: #078080;
}