// 公共前缀
$prefix: 'press';
$primary-color-1: var(--press-primary-color-1, #f2f3ff);
$primary-color-2: var(--press-primary-color-2, #d9e1ff);
$primary-color-3: var(--press-primary-color-3, #b5c7ff);
$primary-color-4: var(--press-primary-color-4, #8eabff);
$primary-color-5: var(--press-primary-color-5, #618dff);
$primary-color-6: var(--press-primary-color-6, #366ef4);
$primary-color-7: var(--press-primary-color-7, #0052d9);
$primary-color-8: var(--press-primary-color-8, #003cab);
$primary-color-9: var(--press-primary-color-9, #002a7c);
$primary-color-10: var(--press-primary-color-10, #001a57);
$error-color-1: var(--press-error-color-1, #fff0ed);
$error-color-2: var(--press-error-color-2, #ffd8d2);
$error-color-3: var(--press-error-color-3, #ffb9b0);
$error-color-4: var(--press-error-color-4, #ff9285);
$error-color-5: var(--press-error-color-5, #f6685d);
$error-color-6: var(--press-error-color-6, #d54941);
$error-color-7: var(--press-error-color-7, #ad352f);
$error-color-8: var(--press-error-color-8, #881f1c);
$error-color-9: var(--press-error-color-9, #68070a);
$error-color-10: var(--press-error-color-10, #490002);
$warning-color-1: var(--press-warning-color-1, #fff1e9);
$warning-color-2: var(--press-warning-color-2, #ffd9c2);
$warning-color-3: var(--press-warning-color-3, #ffb98c);
$warning-color-4: var(--press-warning-color-4, #fa9550);
$warning-color-5: var(--press-warning-color-5, #e37318);
$warning-color-6: var(--press-warning-color-6, #be5a00);
$warning-color-7: var(--press-warning-color-7, #954500);
$warning-color-8: var(--press-warning-color-8, #713300);
$warning-color-9: var(--press-warning-color-9, #532300);
$warning-color-10: var(--press-warning-color-10, #3b1700);
$success-color-1: var(--press-success-color-1, #e3f9e9);
$success-color-2: var(--press-success-color-2, #c6f3d7);
$success-color-3: var(--press-success-color-3, #92dab2);
$success-color-4: var(--press-success-color-4, #56c08d);
$success-color-5: var(--press-success-color-5, #2ba471);
$success-color-6: var(--press-success-color-6, #008858);
$success-color-7: var(--press-success-color-7, #006c45);
$success-color-8: var(--press-success-color-8, #005334);
$success-color-9: var(--press-success-color-9, #003b23);
$success-color-10: var(--press-success-color-10, #002515);
$gray-color-1: var(--press-gray-color-1, #f3f3f3);
$gray-color-2: var(--press-gray-color-2, #eee);
$gray-color-3: var(--press-gray-color-3, #e7e7e7);
$gray-color-4: var(--press-gray-color-4, #dcdcdc);
$gray-color-5: var(--press-gray-color-5, #c5c5c5);
$gray-color-6: var(--press-gray-color-6, #a6a6a6);
$gray-color-7: var(--press-gray-color-7, #8b8b8b);
$gray-color-8: var(--press-gray-color-8, #777);
$gray-color-9: var(--press-gray-color-9, #5e5e5e);
$gray-color-10: var(--press-gray-color-10, #4b4b4b);
$gray-color-11: var(--press-gray-color-11, #383838);
$gray-color-12: var(--press-gray-color-12, #2c2c2c);
$gray-color-13: var(--press-gray-color-13, #242424);
$gray-color-14: var(--press-gray-color-14, #181818);
$font-gray-1: var(--press-font-gray-1, rgba(0, 0, 0, .9));
$font-gray-2: var(--press-font-gray-2, rgba(0, 0, 0, .6));
$font-gray-3: var(--press-font-gray-3, rgba(0, 0, 0, .4));
$font-gray-4: var(--press-font-gray-4, rgba(0, 0, 0, .26));
$font-white-1: var(--press-font-white-1, rgba(255, 255, 255, 1));
$font-white-2: var(--press-font-white-2, rgba(255, 255, 255, .55));
$font-white-3: var(--press-font-white-3, rgba(255, 255, 255, .35));
$font-white-4: var(--press-font-white-4, rgba(255, 255, 255, .22));

// 边框色
$border-color: var(--press-border-color, $gray-color-3);

// Spacer
$spacer: var(--press-spacer, 13px);
$spacer-1: var(--press-spacer-1, 12px); // 间距-小-x
$spacer-2: var(--press-spacer-2, 16px); // 间距-小
$spacer-3: var(--press-spacer-3, 24px); // 间距-中
$spacer-4: var(--press-spacer-4, 32px); // 间距-大
$spacer-5: var(--press-spacer-5, 48px); // 间距-大-x
$spacer-6: var(--press-spacer-6, 80px); // 间距-大-xx

// Font
$font-size: var(--press-font-size, 10px);
$font-size-xs: var(--press-font-size-xs, $font-size); // 字号-一级字号
$font-size-s: var(--press-font-size-s, 12px); // 字号-二级字号
$font-size-base: var(--press-font-size-base, 14px); // 字号-三级字号
$font-size-m: var(--press-font-size-m, 16px); // 字号-二级字号
$font-size-l: var(--press-font-size-l, 18px); // 字号-四级字号
$font-size-xl: var(--press-font-size-xl, 20px); // 字号-五级字号
$font-size-xxl: var(--press-font-size-xxl, 36px);
$font-family: var(--press-font-family, PingFang SC, Microsoft YaHei, Arial Regular); // 字体-磅数-常规
$font-family-medium: var(--press-font-family-medium, PingFang SC, Microsoft YaHei, Arial Medium); // 字体-磅数-粗体

// 圆角
$radius-small: var(--press-radius-small, 6rpx);
$radius-default: var(--press-radius-default, 6px);
$radius-large: var(--press-radius-large, 9px);
$radius-extra-large: var(--press-radius-extra-large, 12px);
$radius-round: var(--press-radius-round, 999px);
$radius-circle: var(--press-radius-circle, 50%);

// 阴影
$shadow-1: var(
  --press-shadow-1,
  0 1px 10px rgba(0, 0, 0, 5%),
  0 4px 5px rgba(0, 0, 0, 8%),
  0 2px 4px -1px rgba(0, 0, 0, 12%)
);
$shadow-2: var(
  --press-shadow-2,
  0 3px 14px 2px rgba(0, 0, 0, 5%),
  0 8px 10px 1px rgba(0, 0, 0, 6%),
  0 5px 5px -3px rgba(0, 0, 0, 10%)
);
$shadow-3: var(
  --press-shadow-3,
  0 6px 30px 5px rgba(0, 0, 0, 5%),
  0 16px 24px 2px rgba(0, 0, 0, 4%),
  0 8px 10px -5px rgba(0, 0, 0, 8%)
);
$shadow-4: var(--press-shadow-4, 0 2px 8px 0 rgba(0, 0, 0, .06));

// 动画
$anim-time-fn-easing: var(--press-anim-time-fn-easing, cubic-bezier(.38, 0, .24, 1));
$anim-time-fn-ease-out: var(--press-anim-time-fn-ease-out, cubic-bezier(0, 0, .15, 1));
$anim-time-fn-ease-in: var(--press-anim-time-fn-ease-in, cubic-bezier(.82, 0, 1, .9));
$anim-duration-base: var(--press-anim-duration-base, .2s);
$anim-duration-moderate: var(--press-anim-duration-moderate, .24s);
$anim-duration-slow: var(--press-anim-duration-slow, .28s);

// 容器
$bg-color-page: var(--press-bg-color-page, $gray-color-1);
$bg-color-container: var(--press-bg-color-container, $font-white-1);
$bg-color-container-active: var(--press-bg-color-container-active, $gray-color-3);
$bg-color-secondarycontainer: var(--press-bg-color-secondarycontainer, $gray-color-1);
$bg-color-secondarycontainer-active: var(--press-bg-color-secondarycontainer-active, $gray-color-4);
$bg-color-component: var(--press-bg-color-component, $gray-color-3);
$bg-color-component-active: var(--press-bg-color-component-active, $gray-color-6);
$bg-color-component-disabled: var(--press-bg-color-component-disabled, $gray-color-2);
$bg-color-secondarycomponent: var(--press-bg-color-secondarycomponent, $gray-color-4);
$bg-color-secondarycomponent-active: var(--press-bg-color-secondarycomponent-active, $gray-color-6);
$component-stroke: var(--press-component-stroke, $gray-color-3);
$border-level-1-color: var(--press-border-level-1-color, $gray-color-3);
$component-border: var(--press-component-border, $gray-color-4);
$border-level-2-color: var(--press-border-level-2-color, $gray-color-4);

// 主题
$brand-color: var(--press-brand-color, $primary-color-7);
$brand-color-active: var(--press-brand-color-active, $primary-color-8);
$brand-color-disabled: var(--press-brand-color-disabled, $primary-color-3);
$brand-color-focus: var(--press-brand-color-focus, $primary-color-1);
$brand-color-light: var(--press-brand-color-light, $primary-color-1);
$brand-color-light-active: var(--press-brand-color-light-active, $primary-color-2);
$error-color: var(--press-error-color, $error-color-6);
$error-color-active: var(--press-error-color-active, $error-color-7);
$error-color-disabled: var(--press-error-color-disabled, $error-color-3);
$error-color-focus: var(--press-error-color-focus, $error-color-2);
$error-color-light: var(--press-error-color-light, $error-color-1);
$warning-color: var(--press-warning-color, $warning-color-5);
$warning-color-active: var(--press-warning-color-active, $warning-color-6);
$warning-color-disabled: var(--press-warning-color-disabled, $warning-color-3);
$warning-color-focus: var(--press-warning-color-focus, $warning-color-2);
$warning-color-light: var(--press-warning-color-light, $warning-color-1);
$success-color: var(--press-success-color, $success-color-5);
$success-color-active: var(--press-success-color-active, $success-color-6);
$success-color-disabled: var(--press-success-color-disabled, $success-color-3);
$success-color-focus: var(--press-success-color-focus, $success-color-2);
$success-color-light: var(--press-success-color-light, $success-color-1);

// 文字
$text-color-primary: var(--press-text-color-primary, $font-gray-1);
$text-color-secondary: var(--press-text-color-secondary, $font-gray-2);
$text-color-placeholder: var(--press-text-color-placeholder, $font-gray-3);
$text-color-disabled: var(--press-text-color-disabled, $font-gray-4);
$text-color-anti: var(--press-text-color-anti, $font-white-1);
$text-color-brand: var(--press-text-color-brand, $brand-color);
$text-color-link: var(--press-text-color-link, $brand-color);

// 定位
$position-fixed-top: var(--press-position-fixed-top, 0);