/** [GENERATED] pnpm generate:legacyTokens */

export const legacyTokens = {
  effect: {
    boxShadow: {
      shadowDown: '0px 3px 7px 0px #00000014',
      shadowUp: '0px -3px 7px 0px #00000014',
      shadowFocus: '0px 0px 2px 0px #0eb4f3',
    },
  },
  colors: {
    forms: {
      background: '#ffffff',
      border: '#d6d6d6',
      activated: '#0eb4f3',
      shadow: '#0eb4f3',
      critical: '#f00004',
      disabled: '#eeeeee',
      warning: '#fe9b15',
    },
    surface: {
      primary: '#eeeeee',
      secondary: '#ffffff',
      tertiary: '#ffffff',
      overlay: '#00000080',
      lightGray: '#f7f7f7',
      lightBlue: '#eef9ff',
      inverted: '#343434',
    },
    foregrounds: {
      headlines: {
        primary: '#0eb4f3',
        secondary: '#000000',
        tertiary: '#689902',
      },
      content: {
        primary: '#000000',
        secondary: '#797979',
        tertiary: '#979797',
        inverted: '#ffffff',
      },
      icons: {
        primary: '#000000',
        secondary: '#979797',
        tertiary: '#ffffff',
      },
      borders: {
        primary: '#eeeeee',
        secondary: '#dedede',
      },
    },
    interactive: {
      primary: {
        enabled: '#0eb4f3',
        hover: '#009bd3',
        disabled: '#979797',
      },
      action: {
        enabled: '#94ca47',
        hover: '#6fa116',
        disabled: '#979797',
      },
      links: {
        enabled: '#0052c6',
        hover: '#0065f1',
        disabled: '#0052c60d',
      },
      destructive: {
        enabled: '#f00004',
        hover: '#c90002',
        disabled: '#979797',
      },
      secondary: {
        enabled: '#979797',
        hover: '#000000',
        disabled: '#979797',
        activated: '#0eb4f3',
      },
      tabs: {
        backgroundEnabled: '#eeeeee',
        backgroundSelected: '#ffffff',
        border: '#b6b6b6',
        selectedIndicator: '#94ca47',
        backgroundHover: '#0eb4f3',
      },
      ghost: {
        enabled: '#ffffff',
        hover: '#eeeeee',
        activated: '#0eb4f3',
        subtle: '#cbecff',
        subtleHover: '#a5dfff',
        activatedHover: '#009bd3',
      },
      superadmin: {
        enabled: '#9455ef',
        hover: '#7d3dd4',
        activated: '#7d3dd4',
      },
      content: {
        primary: '#ffffff',
        secondary: '#000000',
      },
      focus: {
        primary: '#008bbe',
      },
      tertiary: {
        enabled: '#000000',
        hover: '#4e4e4e',
        disabled: '#00000080',
        activated: '#0eb4f3',
      },
      loader: {
        lightForegrounds: '#0eb4f3',
        lightBackground: '#cbecff',
        darkForegrounds: '#ffffff',
        darkBackground: '#ffffff0d',
      },
    },
    tables: {
      backgrounds: {
        primary: '#ffffff',
        secondary: '#f7f7f7',
        tertiary: '#eeeeee',
      },
      border: {
        primary: '#e6e6e6',
        secondary: '#0eb4f3',
      },
      states: {
        success: '#e6f4da',
        warning: '#ffedc0',
        critical: '#ffa9c0',
        notice: '#e7efff',
      },
    },
    states: {
      primary: {
        default: '#636363',
        notice: '#10b4f3',
        success: '#369900',
        alert: '#fe9b15',
        error: '#f00004',
        informative: '#1139d7',
      },
      secondary: {
        default: '#d6d6d6',
        notice: '#e7efff',
        success: '#f2faec',
        alert: '#fff6e0',
        error: '#fee8ed',
        informative: '#dbe6ff',
      },
    },
    sidebar: {
      backgrounds: {
        enabled: '#ffffff',
        hover: '#eeeeee',
        activated: '#ddf2ff',
      },
      content: {
        enabled: '#000000',
        activated: '#0eb4f3',
        disabled: '#979797',
      },
    },
    header: {
      background: '#0eb4f3',
      hover: '#00000026',
      shop: '#0000004d',
    },
    lists: {
      background: {
        enabled: '#ffffff',
        hover: '#eeeeee',
        activated: '#ddf2ff',
      },
      content: {
        enabled: '#000000',
        activated: '#0eb4f3',
        disabled: '#979797',
      },
    },
    codeSnippet: {
      background: '#f3f7ff',
      border: '#92b4ff',
    },
  },
  spacing: {
    xxs: '2px',
    xs: '4px',
    xxl: '48px',
    xl: '24px',
    lg: '16px',
    md: '12px',
    sm: '8px',
    xl32: '32px',
  },
  borderRadius: {
    borderRadius0: '0px',
    borderRadius4: '4px',
    borderRadius8: '8px',
    borderRadius16: '16px',
    borderRadius24: '24px',
    borderRadius32: '32px',
  },
  typography: {
    headlines: {
      headline1: {
        fontSize: '36px',
        fontFamily: "'Inter Display', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0px',
        lineHeight: '46px',
      },
      headline2: {
        fontSize: '22px',
        fontFamily: "'Inter Display', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0px',
        lineHeight: '28px',
      },
      headline3: {
        fontSize: '18px',
        fontFamily: "'Inter Display', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0px',
        lineHeight: '24px',
      },
      headline4: {
        fontSize: '16px',
        fontFamily: "'Inter Display', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0px',
        lineHeight: '24px',
      },
      headline5: {
        fontSize: '12px',
        fontFamily: "'Inter Display', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0px',
        lineHeight: '14px',
      },
    },
    bodyCopy: {
      l: {
        fontSize: '14px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0.16px',
        lineHeight: '22px',
      },
      lb: {
        fontSize: '14px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 700,
        letterSpacing: '0.16px',
        lineHeight: '22px',
      },
      m: {
        fontSize: '12px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0.1px',
        lineHeight: '18px',
      },
      mb: {
        fontSize: '12px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 700,
        letterSpacing: '0.1px',
        lineHeight: '18px',
      },
      s: {
        fontSize: '10px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0.06px',
        lineHeight: '16px',
      },
      sb: {
        fontSize: '10px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 700,
        letterSpacing: '0.06px',
        lineHeight: '16px',
      },
    },
    interactive: {
      buttons: {
        l: {
          fontSize: '16px',
          fontFamily: "'Inter', 'Arial', sans-serif",
          fontWeight: 400,
          letterSpacing: '0.4px',
          lineHeight: '24px',
        },
        m: {
          fontSize: '12px',
          fontFamily: "'Inter', 'Arial', sans-serif",
          fontWeight: 400,
          letterSpacing: '0.4px',
          lineHeight: '24px',
        },
        s: {
          fontSize: '12px',
          fontFamily: "'Inter', 'Arial', sans-serif",
          fontWeight: 400,
          letterSpacing: '0.4px',
          lineHeight: '16px',
        },
      },
      menu: {
        enabled: {
          fontSize: '14px',
          fontFamily: "'Inter', 'Arial', sans-serif",
          fontWeight: 400,
          letterSpacing: '0.1px',
          lineHeight: '20px',
        },
        selected: {
          fontSize: '14px',
          fontFamily: "'Inter', 'Arial', sans-serif",
          fontWeight: 700,
          letterSpacing: '0.1px',
          lineHeight: '20px',
        },
      },
    },
    forms: {
      helperText: {
        fontSize: '12px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0.1px',
        lineHeight: '16px',
      },
      label: {
        fontSize: '12px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0.1px',
        lineHeight: '18px',
      },
      text: {
        fontSize: '12px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0.1px',
        lineHeight: '16px',
      },
    },
    numbers: {
      l: {
        fontSize: '60px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 700,
        letterSpacing: '0px',
        lineHeight: '72px',
      },
      m: {
        fontSize: '36px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 700,
        letterSpacing: '0px',
        lineHeight: '44px',
      },
      s: {
        fontSize: '24px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '0px',
        lineHeight: '28px',
      },
    },
    responsive: {
      headlines: {
        headline1: {
          fontSize: '26px',
          fontFamily: "'Inter Display', 'Arial', sans-serif",
          fontWeight: 400,
          letterSpacing: '0px',
          lineHeight: '32px',
        },
      },
    },
    numbersMono: {
      l: {
        fontSize: '14px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '-0.28px',
        lineHeight: '22px',
      },
      lb: {
        fontSize: '14px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 700,
        letterSpacing: '-0.28px',
        lineHeight: '22px',
      },
      m: {
        fontSize: '12px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '-0.24px',
        lineHeight: '18px',
      },
      mb: {
        fontSize: '12px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 700,
        letterSpacing: '-0.24px',
        lineHeight: '18px',
      },
      s: {
        fontSize: '10px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 400,
        letterSpacing: '-0.2px',
        lineHeight: '16px',
      },
      sb: {
        fontSize: '10px',
        fontFamily: "'Inter', 'Arial', sans-serif",
        fontWeight: 700,
        letterSpacing: '-0.2px',
        lineHeight: '16px',
      },
    },
  },
  breakpoints: {
    sm: '576px',
    md: '768px',
    lg: '992px',
    xl: '1024px',
    xxl: '1400px',
  },
  elevations: {
    default: 1,
    overlay: 999,
    sidebar: 1003,
    header: 1100,
    modal: 11_000,
    loader: 12_000,
  },
} as const;