:root {
  --chart-edit-select-max-width: 160px;
}

[data-theme='light'] {
  --text-hint: rgba(0, 0, 0, 0.3);
  --text-caption: rgba(0, 0, 0, 0.5);
  --text-title: rgba(0, 0, 0, 0.9);
  --text-body: rgba(0, 0, 0, 0.7);
  --link: #3083ff;
  --fill-hover: #f5f5fa;
  --fill-press: #ebebf2;
  --primary-selected: rgba(45, 129, 253, 0.1);

  --text-main: rgba(0, 0, 0, 0.85);
  --text-primary: rgba(0, 0, 0, 0.65);
  --text-secondary: rgba(0, 0, 0, 0.45);
  --text-disabled: rgba(0, 0, 0, 0.3);

  --text-btn-brand: #3083ff;
  --text-btn-white: #ffffff;
  --text-btn-black: rgba(0, 0, 0, 0.85);

  --bg-main: #f8f8fa;
  --bg-primary: #ffffff;
  --bg-card: #ffffff;
  --bg-btn-normal: #ffffff;
  --bg-btn-brand: #3083ff;
  --bg-btn-disabled: #f5f5f5;
  --bg-btn-blue: #d4ebff;
  --bg-table-header: rgba(3, 3, 3, 0.05);
  --bg-table-row: rgba(0, 0, 0, 0.03);
  --bg-item-selected: #d4ebff;
  --bg-item-hover: #f0f8ff;
  --bg-item-01: #f0f8ff;
  --bg-item-02: #f0f8ff;
  --cover-01: rgba(255, 255, 255, 0.3);

  --border-gray: #ececec;
  --border-brand: #3083ff;
  --border-blue: #d4ebff;
  --outline: #3083ff;

  --icon-default: #757575;
  --icon-highlight: #3083ff;
  --icon-disabled: #bdbdbd;
  --icon-white: #ffffff;

  --error: #f5222d;
  --warning: #faad14;
  --success: #52c41a;
  --info: #1890ff;

  --card-shadow: 0px 2px 16px rgba(0, 0, 0, 0.08);
  --box-shadow-up-01: 0px -2px 10px rgba(0, 0, 0, 0.05);
  --box-shadow-down-02: 0px 6px 18px rgba(0, 0, 0, 0.1);

  --brand-01: red;
  --brand-02: red;
  --brand-03: red;
}

[data-theme='dark'] {
  --text-main: rgba(255, 255, 255, 0.9);
  --text-primary: rgba(255, 255, 255, 0.65);
  --text-secondary: rgba(255, 255, 255, 0.45);
  --text-disabled: rgba(255, 255, 255, 0.3);
  --text-btn-brand: #3083ff;
  --text-btn-white: #ffffff;
  --text-btn-black: rgba(0, 0, 0, 0.85);

  --bg-main: #101421;
  --bg-primary: #101421;
  --bg-card: #252936;
  --bg-btn-normal: #252936;
  --bg-btn-brand: #3083ff;
  --bg-btn-disabled: rgba(255, 255, 255, 0.08);
  --bg-btn-blue: #d4ebff;
  --bg-table-header: rgba(255, 255, 255, 0.05);
  --bg-table-row: rgba(255, 255, 255, 0.03);
  --bg-item-selected: rgba(49, 75, 115, 0.9);
  --bg-item-hover: rgba(49, 75, 115, 0.4);
  --bg-item-01: #252936;
  --bg-item-02: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), #252936;
  --cover-01: rgba(0, 0, 0, 0.2);

  --border-gray: #3f434e;
  --border-brand: #3083ff;
  --border-blue: #383f55;
  --outline: #3083ff;

  --icon-default: #a0a0a0;
  --icon-highlight: #3083ff;
  --icon-disabled: #666972;
  --icon-white: #ffffff;

  --error: #f5222d;
  --warning: #faad14;
  --success: #52c41a;
  --info: #1890ff;

  --box-shadow-up-01: 0px -2px 10px rgba(0, 0, 0, 0.05);
  --box-shadow-down-02: 0px 6px 18px rgba(0, 0, 0, 0.4);
}