:root {
  /* 品牌色 - youlog 主题色调 */
  --brand-primary: #0f766e;
  /* 主品牌色 - 深邃知识绿 */
  --brand-primary-light: #14b8a6;
  /* 浅色状态 */
  --brand-primary-dark: #0d9488;
  /* 深色状态 */
  --brand-primary-subtle: #ccfbf1;
  /* 极浅背景 */

  --brand-secondary: #4b5563;
  /* 次要色 - 典雅深灰 */
  --brand-secondary-light: #6b7280;
  --brand-secondary-dark: #374151;

  /* 功能色 */
  --accent: #9d5534;
  /* 强调色 - 典雅棕褐色 */
  --success: #059669;
  /* 成功状态 - 墨绿色 */
  --warning: #d97706;
  /* 警告状态 - 古铜色 */
  --error: #dc2626;
  /* 错误状态 - 砖红色 */
  --info: #0369a1;
  /* 信息提示 - 墨水蓝 */

  /* 中性色 - 仿古书纸质感 */
  --background: #f8f5f0;
  /* 主背景 - 古纸白 */
  --background-elevated: #ffffff;
  /* 卡片背景 - 纯白 */
  --background-dark: #1f2937;
  /* 深色模式背景 */

  --surface: #ffffff;
  /* 表面色 */
  --surface-muted: #f3f4f6;
  /* 柔和表面 */

  --border: #e5e7eb;
  /* 默认边框 - 浅灰 */
  --border-strong: #d1d5db;
  /* 强边框 - 中灰 */

  --text-primary: #1f2937;
  /* 主文字 - 墨黑 */
  --text-secondary: #4b5563;
  /* 次级文字 */
  --text-tertiary: #9ca3af;
  /* 三级文字 */
  --text-on-primary: #ffffff;
  /* 主色上的文字 */
  --text-on-accent: #ffffff;
  /* 强调色上的文字 */
  --text-on-dark: #f9fafb;
  /* 深色背景上的文字 */

  /* 状态色 */
  --state-hover: rgba(15, 118, 110, 0.1);
  /* 悬停状态 */
  --state-active: rgba(15, 118, 110, 0.2);
  /* 激活状态 */
  --state-disabled-bg: #f3f4f6;
  /* 禁用背景 */
  --state-disabled-text: #9ca3af;
  /* 禁用文字 */

  /* 链接颜色 */
  --link: #0f766e;
  --link-hover: #0d9488;
  --link-visited: #9d5534;

  /* 选中文本颜色 */
  --selection-bg: #99f6e4;
  --selection-color: #1f2937;
}

.dark {
  --brand-primary: #14b8a6;
  --brand-primary-light: #2dd4bf;
  --brand-primary-dark: #0f766e;
  --brand-primary-subtle: #134e4a;

  --brand-secondary: #6b7280;
  --brand-secondary-light: #9ca3af;
  --brand-secondary-dark: #4b5563;

  --accent: #c2723e;
  --success: #10b981;
  --warning: #f59e0b;
  --error: #ef4444;
  --info: #0ea5e9;

  --background: #111827;
  --background-elevated: #1f2937;
  --background-dark: #030712;

  --surface: #1f2937;
  --surface-muted: #374151;

  --border: #374151;
  --border-strong: #4b5563;

  --text-primary: #f9fafb;
  --text-secondary: #e5e7eb;
  --text-tertiary: #9ca3af;
  --text-on-primary: #ffffff;
  --text-on-accent: #ffffff;
  --text-on-dark: #f9fafb;

  --state-hover: rgba(20, 184, 166, 0.2);
  --state-active: rgba(20, 184, 166, 0.3);
  --state-disabled-bg: #1f2937;
  --state-disabled-text: #6b7280;

  --link: #2dd4bf;
  --link-hover: #5eead4;
  --link-visited: #c2723e;

  --selection-bg: #134e4a;
  --selection-color: #ffffff;
}

/* 文本选择样式 */
::selection {
  background-color: var(--selection-bg);
  color: var(--selection-color);
}