@import "./font.css";
@import "./color.css";
@import "./layout.css";

:root {
  /* z-index */
  --step-zindex: var(--zindex-1);
  --defaultpage-zindex: var(--zindex-5);
  --overlay-zindex: var(--zindex-6);
  --popup-zindex: var(--zindex-7);
  --sheets-zindex: var(--zindex-7);
  --modal-zindex: var(--zindex-8);
  --toast-zindex: var(--zindex-9);

  /* theme 主题定制 */

  /* toast */
  --toast-bg-color: rgba(51, 51, 51, 0.8);
  --toast-color: #fff;

  /* 遮罩 */
  --overlay-bg-color: var(--color-overlay-default);

  /* messagebox */
  --modal-color: var(--color-text-primary);
  --modal-bg-color: #fff;

  /* defaultpage缺省页 */
  --defaultpage-bg-color: #fff;
  --defaultpage-color: var(--color-text-primary);
  --defaultpage-btn-color: var(--color-primary);

  /* 红点规范 */
  --badge-bg-color: var(--color-feature-primary);
  --badge-font-color: #fff;
  --badge-outline-color: #fff;

  /* tab */
  --tab-color: var(--color-text-primary);
  --tab-active-color: var(--color-primary);
  --tab-bg-color: #fff;
  --tab-line-color: var(--color-primary);

  /* swiper */
  --swiper-pagination-bg-color: rgba(255, 255, 255, 0.5);
  --swiper-pagination-active-bg-color: #fff;

  /* popup */
  --popup-bg-color: #fff;
  --popup-header-color: var(--color-text-primary);

  /* protocol */
  --protocol-bg-color: var(--color-bg-primary);
  --protocol-primary-color: var(--color-text-primary);
  --protocol-sub-color: var(--color-text-patch);
  --protocol-icon-color: var(--color-text-assist);

  /* price */
  --price-default-color: #ff5000;

  /* bottom-sheets */
  --sheets-bg-color: #fff;
  --sheets-header-color: var(--color-text-primary);

  /* tag */
  --tag-type-default-color: var(--color-type-default);
  --tag-type-primary-color: var(--color-type-primary);
  --tag-type-success-color: var(--color-type-success);
  --tag-type-info-color: var(--color-type-info);
  --tag-type-warning-color: var(--color-type-warning);
  --tag-type-danger-color: var(--color-type-danger);
  --tag-type-caution-color: var(--color-type-caution);
  --tag-style-height: 14px; /* 标签高度: 28px */
  --tag-style-font-size: 11px; /*	字号：20px，颜色根据边框而变（考虑到H5页面文字垂直居中的适配问题，前端实现文字为22px） */
  --tag-style-padding: 0 3px;
  --tag-style-padding-loose: 0 6px;
  --tag-style-border-radius: 1px;

  /* button */
  --button-primary-color: #fff;
  --button-primary-background-color: var(--color-primary);
  --button-primary-active-background-color: #4070be;
  --button-primary-border-color: var(--color-primary);
  --button-minor-color: #fff;
  --button-minor-background-color: var(--color-type-caution);
  --button-minor-active-background-color: #d64a0a;
  --button-minor-border-color: var(--color-type-caution);
  --button-assist-color: var(--color-text-primary);
  --button-assist-background-color: #fff;
  --button-assist-active-background-color: #e5e5e5;
  --button-assist-border-color: var(--color-text-assist);
  --button-disabled-background-color: var(--color-text-disabled);
  --button-primary-plain-active-background-color: #f9fbfe;
  --button-minor-plain-active-background-color: #fff9f7;
  --button-assist-plain-active-background-color: #f8f8f8;

  /* profession */
  --profession-bg-color: #fff;
  --profession-line-color: #efefef;
  --profession-color-text-warning: #d0021b;

  /* checkbox */
  --checkbox-font-size: 20px;
  --checkbox-checked-color: #fff;

  /* loading */
  --loading-bg-color: #010101;

  /* pull-refresh */
  --pull-refresh-loading-color: var(--color-text-patch);

  /* search */
  --search-bg: #fff;
  --search-action-color: #666;
  --search-icon-color: #999;

  /* input */
  --input-bg-color: #fff;

  /* area */
  --area-text-primary-color: var(--color-text-primary);
  --area-text-patch-color: var(--color-text-patch);
  --area-text-confirm-color: var(--color-primary);
  --area-text-disabled-color: var(--color-text-disabled);

  /* stepper */
  --stepper-default-color: #ccc;
  --stepper-text-color: #333;

  /* switch */
  --switch-bg-color: rgba(0, 0, 0, 0.1);
  --switch-check-color: #508cee;
  --switch-default--color: #fff;

  /* uploader */
  --uploader-bg-color: #fff;
  --uploader-status-bg-color: rgba(0, 0, 0, 0.5);
  --uploader-status-color: #fff;
  --uploader-title-color: var(--color-text-patch);
  --uploader-icon-color: var(--color-text-assist);
  --uploader-border-color: var(--color-line-split);
  --uploader-last-text-color: var(--color-text-assist);
  --uploader-maxinfo-color: var(--color-text-patch);
  --uploader-add-icon-size: 25px;
  --uploader-max-info-size: 11px;

  /* cell & cell-group */
  --cell-ellipsis-margin: 15px;
  --cell-ellipsis-margin-negative: -9px;
  --cell-border-color: var(--color-line-split);

  /* cell */
  --cell-bg-color: #fff;
  --cell-title-color: var(--color-text-primary);
  --cell-subtitle-color: var(--color-text-patch);
  --cell-title-desc-color: var(--color-text-patch);
  --cell-right-label-color: var(--color-text-patch);
  --cell-right-icon-color: var(--color-text-assist);

  /* cell-group */
  --cell-group-bg-color: #fff;
  --cell-group-title-color: var(--color-text-primary);
  --cell-group-link-color: var(--color-text-minor);
  --cell-group-link-icon-color: var(--color-text-assist);
  --cell-group-more-color: var(--color-text-minor);
  --cell-group-more-icon-color: var(--color-text-assist);

  /* picker */
  --picker-default-color: #707274;
  --picker-bj-color: #fff;
  --picker-high-zindex: 1;

  /* verify-code-input */
  --verify-code-input-primary-color: var(--color-primary);
  --verify-code-input-disabled-color: #999;
  --verify-code-input-bg-color: white;
  --verify-code-input-error-color: var(--color-feature-primary);
  --verify-code-input-tip-color: #666;
}
