:root {
  color-scheme: light;
  --is-dark-theme: false;
  
  /* 现代蓝色强调色 (Based on Royal Blue/Inter Blue) */
  --color-primary: #2563eb;
  --color-primary-contrast: #ffffff;
  
  /* 悬停状态更深 */
  --color-primary-hover: #1d4ed8;
  
  /* 变体：生成不同深浅的蓝色 */
  --color-primary-dark-1: #1e40af;
  --color-primary-dark-2: #1e3a8a;
  --color-primary-dark-3: #172554;
  --color-primary-dark-4: #0f172a; /* 接近黑色 */
  --color-primary-dark-5: #000000;
  --color-primary-dark-6: #000000;
  --color-primary-dark-7: #000000;

  --color-primary-light-1: #3b82f6;
  --color-primary-light-2: #60a5fa;
  --color-primary-light-3: #93c5fd;
  --color-primary-light-4: #bfdbfe;
  --color-primary-light-5: #dbeafe;
  --color-primary-light-6: #eff6ff;
  --color-primary-light-7: #ffffff;

  /* 透明度变体 */
  --color-primary-alpha-10: rgba(37, 99, 235, 0.1);
  --color-primary-alpha-20: rgba(37, 99, 235, 0.2);
  --color-primary-alpha-30: rgba(37, 99, 235, 0.3);
  --color-primary-alpha-40: rgba(37, 99, 235, 0.4);
  --color-primary-alpha-50: rgba(37, 99, 235, 0.5);
  --color-primary-alpha-60: rgba(37, 99, 235, 0.6);
  --color-primary-alpha-70: rgba(37, 99, 235, 0.7);
  --color-primary-alpha-80: rgba(37, 99, 235, 0.8);
  --color-primary-alpha-90: rgba(37, 99, 235, 0.9);

  /* 强调色 */
  accent-color: var(--color-primary);

  /* 次级颜色 (灰色系 - Neutral Grays) */
  --color-secondary: #f3f4f6;
  --color-secondary-dark-1: #e5e7eb;
  --color-secondary-dark-2: #d1d5db;
  --color-secondary-dark-3: #9ca3af;
  --color-secondary-dark-4: #6b7280;
  --color-secondary-dark-5: #4b5563;
  --color-secondary-dark-6: #374151;
  --color-secondary-dark-7: #1f2937;
  --color-secondary-dark-8: #111827;
  --color-secondary-dark-9: #000000;
  --color-secondary-dark-10: #000000;
  --color-secondary-dark-11: #000000;
  --color-secondary-dark-12: #000000;
  --color-secondary-dark-13: #000000;

  --color-secondary-light-1: #f9fafb;
  --color-secondary-light-2: #ffffff;
  --color-secondary-light-3: #ffffff;
  --color-secondary-light-4: #ffffff;

  --color-secondary-alpha-10: rgba(107, 114, 128, 0.1);
  --color-secondary-alpha-20: rgba(107, 114, 128, 0.2);
  --color-secondary-alpha-30: rgba(107, 114, 128, 0.3);
  --color-secondary-alpha-40: rgba(107, 114, 128, 0.4);
  --color-secondary-alpha-50: rgba(107, 114, 128, 0.5);
  --color-secondary-alpha-60: rgba(107, 114, 128, 0.6);
  --color-secondary-alpha-70: rgba(107, 114, 128, 0.7);
  --color-secondary-alpha-80: rgba(107, 114, 128, 0.8);
  --color-secondary-alpha-90: rgba(107, 114, 128, 0.9);

  /* 基础语义色 */
  --color-red: #ef4444;
  --color-orange: #f97316;
  --color-yellow: #eab308;
  --color-olive: #84cc16;
  --color-green: #22c55e;
  --color-teal: #14b8a6;
  --color-blue: #2563eb;
  --color-violet: #8b5cf6;
  --color-purple: #a855f7;
  --color-pink: #ec4899;
  --color-brown: #a16207;
  --color-grey: #6b7280;
  --color-black: #000000;

  /* 浅色语义变体 (用于背景或高亮) */
  --color-red-light: #fee2e2;
  --color-orange-light: #ffedd5;
  --color-yellow-light: #fef9c3;
  --color-olive-light: #ecfccb;
  --color-green-light: #dcfce7;
  --color-teal-light: #ccfbf1;
  --color-blue-light: #dbeafe;
  --color-violet-light: #ede9fe;
  --color-purple-light: #f3e8ff;
  --color-pink-light: #fce7f3;
  --color-brown-light: #fef3c7;
  --color-grey-light: #f3f4f6;
  --color-black-light: #e5e7eb;

  /* 深色语义变体 (用于Hover或Dark模式) - 这里设为略深 */
  --color-red-dark-1: #dc2626;
  --color-green-dark-1: #16a34a;
  --color-yellow-dark-1: #ca8a04;
  
  /* 其他颜色变量 */
  --color-gold: #b45309;
  --color-white: #ffffff;
  
  /* Diff 颜色 (GitHub 风格) */
  --color-diff-removed-word-bg: rgba(255, 143, 143, 0.4);
  --color-diff-added-word-bg: rgba(100, 255, 160, 0.4);
  --color-diff-removed-row-bg: rgba(255, 235, 235, 0.6);
  --color-diff-moved-row-bg: rgba(255, 248, 225, 0.6);
  --color-diff-added-row-bg: rgba(230, 255, 236, 0.6);
  --color-diff-removed-row-border: rgba(244, 192, 192, 0.5);
  --color-diff-moved-row-border: rgba(218, 200, 150, 0.5);
  --color-diff-added-row-border: rgba(170, 221, 170, 0.5);
  --color-diff-inactive: #e5e7eb;

  /* 状态色 */
  --color-error-border: #ef4444;
  --color-error-bg: #fef2f2;
  --color-error-bg-active: #fee2e2;
  --color-error-bg-hover: #fee2e2;
  --color-error-text: #991b1b;

  --color-success-border: #22c55e;
  --color-success-bg: #f0fdf4;
  --color-success-text: #166534;

  --color-warning-border: #eab308;
  --color-warning-bg: #fefce8;
  --color-warning-text: #854d0e;

  --color-info-border: #2563eb;
  --color-info-bg: #eff6ff;
  --color-info-text: #1e40af;

  /* 徽章颜色 */
  --color-red-badge: #dc2626;
  --color-red-badge-bg: #fee2e2;
  --color-red-badge-hover-bg: #fecaca;
  
  --color-green-badge: #16a34a;
  --color-green-badge-bg: #dcfce7;
  --color-green-badge-hover-bg: #bbf7d0;
  
  --color-yellow-badge: #d97706;
  --color-yellow-badge-bg: #fef3c7;
  --color-yellow-badge-hover-bg: #fde68a;
  
  --color-orange-badge: #ea580c;
  --color-orange-badge-bg: #ffedd5;
  --color-orange-badge-hover-bg: #fed7aa;

  --color-git: #f97316;
  --color-highlight-bg: rgba(255, 247, 237, 0.5);

  /* 核心界面颜色 - 纯白、现代、极简 */
  --color-body: #ffffff;            /* 纯白背景 */
  --color-box-header: #f9fafb;      /* 极浅灰 Header */
  --color-box-body: #ffffff;
  --color-box-body-highlight: #f3f4f6;
  
  --color-text-dark: #0f172a;       /* 几乎全黑的深蓝灰 */
  --color-text: #1f2937;            /* 深灰正文 */
  --color-text-light: #6b7280;      /* 辅助文本 */
  --color-text-light-1: #6b7280;
  --color-text-light-2: #9ca3af;
  --color-text-light-3: #d1d5db;
  
  --color-footer: #f9fafb;
  --color-timeline: #e5e7eb;
  
  /* 输入框 - 清晰的边框和白色背景 */
  --color-input-text: #1f2937;
  --color-input-background: #ffffff;
  --color-input-toggle-background: #e5e7eb;
  --color-input-border: #d1d5db;
  --color-input-border-hover: #2563eb; /* Hover时变蓝 */
  
  /* 导航栏 */
  --color-nav-bg: #ffffff;          /* 导航栏纯白，显得干净 */
  --color-nav-hover-bg: #f3f4f6;
  --color-navbar: #ffffff;
  --color-navbar-transparent: rgba(255, 255, 255, 0);
  
  --color-light: rgba(255, 255, 255, 0.8);
  --color-light-mimic-enabled: rgba(0, 0, 0, 0.05);
  --color-light-border: #e5e7eb;
  
  --color-hover: rgba(37, 99, 235, 0.05); /* 蓝色微弱Hover */
  --color-active: rgba(37, 99, 235, 0.1);
  
  --color-menu: #ffffff;
  --color-card: #ffffff;
  
  --color-markup-table-row: #f9fafb;
  --color-markup-code-block: #f3f4f6;
  --color-markup-code-inline: #f3f4f6;
  
  --color-button: #ffffff;
  --color-code-bg: #ffffff;
  --color-code-sidebar-bg: #f9fafb;
  --color-shadow: rgba(0, 0, 0, 0.05); /* 柔和阴影 */
  
  --color-tooltip-bg: #1f2937;
  --color-tooltip-text: #ffffff;
  
  --color-secondary-bg: #f3f4f6;
  --color-text-focus: #111827;
  --color-expand-button: #9ca3af;
  --color-placeholder-text: #9ca3af;
  --color-editor-line-highlight: #eff6ff;
  --color-project-board-bg: #f3f4f6;
  
  --color-caret: var(--color-text);
  --color-reaction-bg: rgba(0, 0, 0, 0.03);
  --color-reaction-active-bg: var(--color-primary-light-5);
  
  --color-header-wrapper: #ffffff;
  --color-header-wrapper-transparent: rgba(255, 255, 255, 0);
  
  --color-label-text: #ffffff;
  --color-label-bg: #2563eb;
  --color-label-hover-bg: #1d4ed8;
  --color-label-active-bg: #1e40af;
  
  --color-accent: var(--color-primary);
  --color-small-accent: var(--color-primary-light-5);
  --color-active-line: #f3f4f6;
}

/* 
   ========================
   自定义现代样式修正
   ========================
*/

/* 按钮样式优化 */
.ui.button {
  border-radius: 6px; /* 略微圆角 */
  font-weight: 500;
  transition: all 0.2s ease-in-out; /* 添加缓动 */
}

/* 主色按钮 */
.ui.ui.ui.button:not(.inverted, .basic).primary,
.ui.ui.ui.button:not(.inverted, .basic).blue {
  background-color: var(--color-primary);
  color: #ffffff;
  border: 1px solid transparent;
}

.ui.ui.ui.button:not(.inverted, .basic).primary:hover,
.ui.ui.ui.button:not(.inverted, .basic).blue:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-1px); /* 轻微上浮效果 */
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}

/* 链接缓动 */
a {
  transition: color 0.2s ease, background-color 0.2s ease;
  text-decoration-thickness: 1px;
}
a:hover {
  text-decoration: none;
}

/* 输入框缓动与聚焦效果 */
.ui.input input, .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], .ui.form input[type="week"] {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  border-radius: 6px;
}
.ui.input input:focus, .ui.form input:not([type]):focus, ... {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-alpha-20);
}

/* 导航栏与菜单 */
.ui.menu {
  box-shadow: none;
  border-bottom: 1px solid var(--color-secondary);
}

/* 标签 Label */
.ui.label {
  border-radius: 4px;
  transition: all 0.2s ease;
}

/* 
   Code Syntax Highlighting (Based on One Light / GitHub Light)
   为了保持简洁，使用清晰的对比度
*/
.chroma .k, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .kt { color: #d73a49; font-weight: 600; } /* Keyword - Red */
.chroma .n, .chroma .nc, .chroma .nf, .chroma .nn { color: #6f42c1; } /* Names/Functions - Purple */
.chroma .s, .chroma .s1, .chroma .s2, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl { color: #032f62; } /* Strings - Dark Blue */
.chroma .c, .chroma .c1, .chroma .cs, .chroma .cm { color: #6a737d; font-style: italic; } /* Comments - Grey */
.chroma .o, .chroma .ow { color: #d73a49; } /* Operators */
.chroma .mi, .chroma .mf { color: #005cc5; } /* Numbers */

/* Selection 选中态 */
::selection {
  background: rgba(37, 99, 235, 0.2) !important;
  color: inherit;
}

/* 全局缓动 (谨慎使用，避免性能问题，但满足"要有缓动"的要求) */
/* 针对常见的颜色变化属性应用缓动 */
*, *::before, *::after {
  transition-property: background-color, border-color, color, box-shadow, transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

/* 禁用部分高频触发元素的缓动以提升性能和体验 */
.chroma *, .monaco-editor * {
  transition: none !important;
}