/* stylelint-disable color-hex-case */
// vion theme variables

@prefix: v;

/* 默认模式 */
:root {
  // 品牌色
  --brand-standard: #3c87f0;

  // 文本色
  --text-primary: #000;
  --text-secondary: #999;
  --text-tertiary: #ccc;
  --text-white: #fff;
  --text-link: #3f85ed;
  --text-nav-primary: #000;
  --text-nav-secondary: #000;

  // 图标色
  --icon-primary: #000;
  --icon-secondary: #999;
  --icon-tertiary: #ccc;
  --icon-white: #fff;
  --icon-nav-primary: #000;
  --icon-nav-secondary: #000;

  // 反馈色
  --feedback-normal: #09f;
  --feedback-success: #15d173;
  --feedback-warning: #ffb300;
  --feedback-error: #ff5965;

  // 背景色
  --background-black: #000;
  --background-gray: #f5f5f5;
  --background-white: #fff;
  --background-dialogue: #fff;
  --background-dialogue-pressed: #e6e6e6;
  --background-list: #fff;
  --background-list-pressed: #e6e6e6;
  --background-stick: #f5f5f5;
  --background-chat-bg: #f1f1f1;
  --background-textfield: #f5f5f5;

  // 分割线
  --border-standard: #e6e6e6;
  --border-light: #f5f5f5;

  // 气泡色
  --bubble-host-top: var(--brand-standard);
  --bubble-guest: #fff;
  --bubble-host-text: #fff;
  --bubble-guest-text: #000;

  // 通用色
  --black-1: #fff;
  --black-2: #FAFAFA;
  --black-3: #F5F5F5;
  --black-4: #E6E6E6;
  --black-5: #DBDBDB;
  --black-6: #CCCCCC;
  --black-7: #999;
  --black-8: #808080;
  --black-9: #666;
  --black-10: #4d4d4d;
  --black-11: #333;
  --black-12: #292929;
  --black-13: #242424;
  --black-14: #1F1F1F;
  --black-15: #1A1A1A;
  --black-16: #000;
}

/* 深色模式 */
@media (prefers-color-scheme: dark) {
  :root {
    .dark;
  }
}

.dark {
  // 品牌色
  --brand-standard: #06c;

  // 文本色
  --text-primary: #fff;
  --text-tertiary: #666;
  --text-nav-primary: #fff;
  --text-nav-secondary: #fff;

  // 图标色
  --icon-primary: #999;
  --icon-tertiary: #999;
  --icon-nav-primary: #999;
  --icon-nav-secondary: #999;

  // 背景色
  --background-gray: #0d0d0d;
  --background-white: #000;
  --background-dialogue: #262626;
  --background-dialogue-pressed: #1a1a1a;
  --background-list: #262626;
  --background-list-pressed: #1a1a1a;
  --background-stick: #1a1a1a;
  --background-chat-bg: #000;
  --background-textfield: #1a1a1a;

  // 分割线
  --border-standard: #1a1a1a;
  --border-light: #0d0d0d;

  // 气泡色
  --bubble-host-top: #262626;
  --bubble-guest: #262626;
  --bubble-guest-text: #fff;
}