// import variables from '@alifd/theme-1/variables'

const theme = {
  '$form-element-small-height': '20px',
  '$form-element-medium-height': '28px',
  '$form-element-large-height': '40px',
  '$form-element-small-font-size': '12px',
  '$form-element-medium-font-size': '12px',
  '$form-element-large-font-size': '14px',
  '$form-element-small-preview-height': '20px',
  '$form-element-medium-preview-height': '28px',
  '$form-element-large-preview-height': '40px',
  '$form-element-small-preview-font-size': '12px',
  '$form-element-medium-preview-font-size': '12px',
  '$form-element-large-preview-font-size': '16px',
  '$form-element-small-icon-size': '12px',
  '$form-element-medium-icon-size': '12px',
  '$form-element-large-icon-size': '16px',
  '$form-element-small-corner': '30px',
  '$form-element-medium-corner': '30px',
  '$form-element-large-corner': '30px',
  '$mask-background': '#000000',
  '$mask-opacity': '0.45',
  '$popup-local-border-width': '1px',
  '$popup-local-border-style': 'solid',
  '$popup-local-border-color': '#DCDEE3',
  '$popup-local-corner': '5px',
  '$popup-local-shadow': 'none',
  '$popup-global-border-width': '0',
  '$popup-global-border-style': 'solid',
  '$popup-global-border-color': '#DCDEE3',
  '$popup-global-corner': '5px',
  '$popup-global-shadow': '0px 2px 6px 0px rgba(255, 106, 0, 0.3)',
  '$color-brand1-1': '#DEE8FF',
  '$color-brand1-6': '#5584FF',
  '$color-brand1-9': '#3E71F7',
  '$color-data1-1': '#00DCCD',
  '$color-data1-2': '#506FED',
  '$color-data1-3': '#AE66FC',
  '$color-data1-4': '#FF445F',
  '$color-data1-5': '#FF934D',
  '$color-data1-6': '#FFD74D',
  '$color-data1-7': '#4DDE6D',
  '$color-data1-8': '#18B1F7',
  '$color-white': '#FFFFFF',
  '$color-black': '#000000',
  '$color-transparent': 'transparent',
  '$color-success-1': '#E4FDDA',
  '$color-success-2': '#CDF2BE',
  '$color-success-3': '#46BC15',
  '$color-success-4': '#41A716',
  '$color-notice-1': '#E3F2FD',
  '$color-notice-2': '#BAD9FF',
  '$color-notice-3': '#4494F9',
  '$color-notice-4': '#2E7DE0',
  '$color-warning-1': '#FFF3E0',
  '$color-warning-2': '#FFE6BD',
  '$color-warning-3': '#FF9300',
  '$color-warning-4': '#EB7E10',
  '$color-error-1': '#FFECE4',
  '$color-error-2': '#FFC8B2',
  '$color-error-3': '#FF3000',
  '$color-error-4': '#E72B00',
  '$color-help-1': '#E3FFF8',
  '$color-help-2': '#C0ECE2',
  '$color-help-3': '#01C1B2',
  '$color-help-4': '#01A79A',
  '$color-link-1': '#5584FF',
  '$color-link-2': '#5584FF',
  '$color-link-3': '#3E71F7',
  '$color-other-1': '#FFEB3B',
  '$color-other-2': '#FCCC12',
  '$color-other-3': '#EABB06',
  '$color-line1-1': '#E6E7EB',
  '$color-line1-2': '#DCDEE3',
  '$color-line1-3': '#C4C6CF',
  '$color-line1-4': '#A0A2AD',
  '$color-fill1-1': '#F7F8FA',
  '$color-fill1-2': '#F2F3F7',
  '$color-fill1-3': '#EBECF0',
  '$color-fill1-4': '#E2E4E8',
  '$color-text1-1': '#CCCCCC',
  '$color-text1-2': '#999999',
  '$color-text1-3': '#666666',
  '$color-text1-4': '#000000',
  '$color-disabled-1': 'lightgrey',
  '$corner-1': '3px',
  '$corner-2': '6px',
  '$corner-3': '20px',
  '$corner-circle': '50%',
  '$corner-semicircle': '500px',
  '$corner-zero': '0',
  '$font-family-base': 'Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei"',
  '$font-lineheight-1': '1.3',
  '$font-lineheight-2': '1.5',
  '$font-lineheight-3': '1.7',
  '$font-size-display-3': '56px',
  '$font-size-display-2': '48px',
  '$font-size-display-1': '36px',
  '$font-size-headline': '24px',
  '$font-size-title': '20px',
  '$font-size-subhead': '16px',
  '$font-size-body-2': '14px',
  '$font-size-body-1': '12px',
  '$font-size-caption': '12px',
  '$font-weight-1': 'lighter',
  '$font-weight-thin': '200',
  '$font-weight-light': '300',
  '$font-weight-2': 'normal',
  '$font-weight-medium': '500',
  '$font-weight-semi-bold': '600',
  '$font-weight-3': 'bold',
  '$font-weight-extra-bold': '800',
  '$font-weight-ultra-bold': '900',
  '$icon-xxs': '8px',
  '$icon-xs': '12px',
  '$icon-s': '16px',
  '$icon-m': '20px',
  '$icon-l': '24px',
  '$icon-xl': '32px',
  '$icon-xxl': '48px',
  '$icon-xxxl': '64px',
  '$line-zero': '0',
  '$line-1': '1px',
  '$line-2': '2px',
  '$line-3': '3px',
  '$line-solid': 'solid',
  '$line-dashed': 'dashed',
  '$line-dotted': 'dotted',
  '$shadow-zero': 'none',
  '$shadow-1': '1px 1px 2px 0px rgba(0, 0, 0, 0.1)',
  '$shadow-1-up': '0px -1px 2px 0px rgba(0, 0, 0, 0.1)',
  '$shadow-1-right': '1px 0px 2px 0px rgba(0, 0, 0, 0.1)',
  '$shadow-1-down': '0px 1px 2px 0px rgba(0, 0, 0, 0.1)',
  '$shadow-1-left': '-1px 0px 2px 0px rgba(0, 0, 0, 0.1)',
  '$shadow-2': '2px 2px 6px 0px rgba(255, 106, 0, 0.3)',
  '$shadow-2-up': '0px -2px 6px 0px rgba(255, 106, 0, 0.3)',
  '$shadow-2-right': '2px 0px 6px 0px rgba(255, 106, 0, 0.3)',
  '$shadow-2-down': '0px 2px 6px 0px rgba(255, 106, 0, 0.3)',
  '$shadow-2-left': '-2px 0px 6px 0px rgba(255, 106, 0, 0.3)',
  '$shadow-3': '4px 4px 10px 0px rgba(0, 0, 0, 0.1)',
  '$shadow-3-up': '0px -4px 10px 0px rgba(0, 0, 0, 0.1)',
  '$shadow-3-right': '4px 0px 10px 0px rgba(0, 0, 0, 0.1)',
  '$shadow-3-down': '0px 4px 10px 0px rgba(0, 0, 0, 0.1)',
  '$shadow-3-left': '-4px 0px 10px 0px rgba(0, 0, 0, 0.1)',
  '$footer-height': '2.2rem',
  '$nav-height': '2rem',
}

export type Theme = typeof theme

export default theme
