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

const colors = {
  light: {
    background: {
      blue: {
        low: {
          default: '221 242 255',
        },
      },
      controls: {
        low: {
          default: '221 242 255',
          hovered: '165 223 255',
        },
        medium: {
          default: '14 180 243',
          hovered: '0 155 211',
          selected: '14 180 243',
        },
      },
      main: {
        medium: {
          default: '132 186 52',
          hovered: '111 161 22',
          selected: '132 186 52',
        },
      },
      neutral: {
        full: {
          default: '0 0 0',
        },
        strong: {
          default: '52 52 52',
        },
        xHigh: {
          default: '106 106 106',
          hovered: '72 72 72',
        },
        high: {
          default: '151 151 151',
        },
        low: {
          default: '238 238 238',
          hovered: '214 214 214',
        },
        base: {
          default: '255 255 255',
        },
      },
      notice: {
        medium: {
          default: '16 180 243',
        },
        high: {
          default: '0 164 222',
          hovered: '0 116 158',
        },
      },
      informative: {
        low: {
          default: '231 239 255',
        },
        high: {
          default: '98 145 255',
        },
        xHigh: {
          default: '53 105 252',
        },
        strong: {
          default: '53 105 252',
        },
      },
      success: {
        low: {
          default: '230 244 218',
        },
        high: {
          default: '95 174 44',
        },
        xHigh: {
          hovered: '27 86 0',
        },
      },
      warning: {
        low: {
          default: '255 237 192',
        },
        medium: {
          default: '234 141 0',
        },
        high: {
          default: '213 128 0',
          hovered: '152 89 0',
        },
      },
      critical: {
        low: {
          default: '254 232 237',
        },
        high: {
          default: '255 79 79',
          hovered: '201 0 2',
        },
        xHigh: {
          default: '227 0 3',
          hovered: '139 0 1',
        },
      },
    },
    foreground: {
      blue: {
        medium: {
          default: '14 180 243',
        },
      },
      green: {
        medium: {
          default: '136 184 70',
        },
      },
      controls: {
        medium: {
          default: '14 180 243',
          hovered: '0 139 190',
          selected: '14 180 243',
        },
      },
      notice: {
        medium: {
          default: '16 180 243',
        },
      },
      warning: {
        medium: {
          default: '234 141 0',
        },
      },
      main: {
        medium: {
          default: '132 186 52',
          hovered: '98 145 0',
        },
      },
      critical: {
        high: {
          default: '240 0 4',
          hovered: '201 0 2',
        },
      },
      success: {
        high: {
          default: '54 153 0',
        },
      },
      superadmin: {
        high: {
          default: '148 85 239',
          hovered: '125 61 212',
        },
      },
      links: {
        strong: {
          default: '0 82 198',
          hovered: '0 101 241',
        },
      },
      neutral: {
        low: {
          default: '214 214 214',
        },
        medium: {
          default: '166 166 166',
        },
        high: {
          default: '128 128 128',
        },
        full: {
          default: '0 0 0',
          hovered: '78 78 78',
        },
      },
      informative: {
        strong: {
          default: '23 67 223',
        },
      },
    },
    border: {
      controls: {
        low: {
          default: '165 223 255',
        },
        medium: {
          default: '14 180 243',
          hovered: '0 139 190',
          selected: '14 180 243',
        },
      },
      success: {
        high: {
          default: '54 153 0',
        },
      },
      main: {
        medium: {
          default: '132 186 52',
          hovered: '98 145 0',
        },
      },
      neutral: {
        low: {
          default: '214 214 214',
        },
        medium: {
          default: '166 166 166',
        },
        high: {
          default: '128 128 128',
        },
        full: {
          hovered: '78 78 78',
        },
      },
      notice: {
        medium: {
          default: '16 180 243',
        },
      },
      blue: {
        medium: {
          default: '14 180 243',
        },
      },
      warning: {
        medium: {
          default: '234 141 0',
        },
      },
      critical: {
        high: {
          default: '240 0 4',
          hovered: '201 0 2',
        },
      },
      links: {
        strong: {
          default: '0 82 198',
        },
      },
      informative: {
        strong: {
          default: '23 67 223',
        },
      },
    },
    shadow: {
      focus: '0px 0px 2px 0px #0eb4f3',
      high: {
        soft: '0px 12px 32px 0px #00000026',
        sharp: '0px 4px 10px 0px #0000000d',
      },
      medium: {
        soft: '0px 3px 7px 0px #0000001a',
        sharp: '0px -3px 7px 0px #0000001a',
      },
      low: {
        soft: '0px 2px 6px 0px #0000000d',
        sharp: '0px 1px 2px 0px #0000000d',
      },
    },
    blend: {
      solid: 1,
      low: 0.7,
      medium: 0.6,
      high: 0.3,
      strong: 0.1,
      full: 0,
    },
  },
  dark: {
    background: {
      blue: {
        low: {
          default: '0 0 1',
        },
      },
      controls: {
        low: {
          default: '0 0 1',
          hovered: '0 8 15',
        },
        medium: {
          default: '0 44 63',
          hovered: '0 64 90',
          selected: '0 44 63',
        },
      },
      main: {
        medium: {
          default: '28 46 0',
          hovered: '43 67 0',
          selected: '28 46 0',
        },
      },
      neutral: {
        full: {
          default: '255 255 255',
        },
        strong: {
          default: '151 151 151',
        },
        xHigh: {
          default: '106 106 106',
        },
        high: {
          default: '52 52 52',
        },
        low: {
          default: '0 0 0',
          hovered: '6 6 6',
        },
        base: {
          default: '0 0 0',
        },
      },
      notice: {
        medium: {
          default: '0 44 63',
        },
        high: {
          default: '0 57 81',
        },
      },
      informative: {
        low: {
          default: '0 0 4',
        },
        high: {
          default: '5 0 163',
        },
        xHigh: {
          default: '13 47 206',
        },
      },
      success: {
        low: {
          default: '0 1 0',
        },
        high: {
          default: '18 63 0',
        },
      },
      warning: {
        low: {
          default: '1 0 0',
        },
        medium: {
          default: '60 32 0',
        },
        high: {
          default: '77 43 0',
        },
      },
      critical: {
        low: {
          default: '2 0 0',
        },
        high: {
          default: '104 0 1',
          hovered: '176 0 2',
        },
        xHigh: {
          default: '151 0 1',
        },
      },
    },
    foreground: {
      blue: {
        medium: {
          default: '0 44 63',
        },
      },
      green: {
        medium: {
          default: '28 46 0',
        },
      },
      controls: {
        medium: {
          default: '0 44 63',
          hovered: '0 78 109',
          selected: '0 44 63',
        },
      },
      notice: {
        medium: {
          default: '0 44 63',
        },
      },
      warning: {
        medium: {
          default: '60 32 0',
        },
      },
      main: {
        medium: {
          default: '28 46 0',
          hovered: '53 82 0',
        },
      },
      critical: {
        high: {
          default: '139 0 1',
          hovered: '176 0 2',
        },
      },
      success: {
        high: {
          default: '27 86 0',
        },
      },
      superadmin: {
        high: {
          default: '89 23 160',
          hovered: '111 46 192',
        },
      },
      links: {
        strong: {
          default: '0 95 226',
          hovered: '0 76 184',
        },
      },
      neutral: {
        low: {
          default: '6 6 6',
        },
        medium: {
          default: '40 40 40',
        },
        high: {
          default: '72 72 72',
        },
        full: {
          default: '255 255 255',
          hovered: '121 121 121',
        },
      },
      informative: {
        strong: {
          default: '37 86 239',
        },
      },
    },
    border: {
      controls: {
        low: {
          default: '0 8 15',
        },
        medium: {
          default: '0 44 63',
          hovered: '0 78 109',
          selected: '0 44 63',
        },
      },
      success: {
        high: {
          default: '27 86 0',
        },
      },
      main: {
        medium: {
          default: '28 46 0',
          hovered: '53 82 0',
        },
      },
      neutral: {
        low: {
          default: '6 6 6',
        },
        medium: {
          default: '40 40 40',
        },
        high: {
          default: '72 72 72',
        },
        full: {
          hovered: '121 121 121',
        },
      },
      notice: {
        medium: {
          default: '0 44 63',
        },
      },
      blue: {
        medium: {
          default: '0 44 63',
        },
      },
      warning: {
        medium: {
          default: '60 32 0',
        },
      },
      critical: {
        high: {
          default: '139 0 1',
          hovered: '176 0 2',
        },
      },
      links: {
        strong: {
          default: '0 95 226',
        },
      },
      informative: {
        strong: {
          default: '37 86 239',
        },
      },
    },
    shadow: {
      down: '0px 3px 7px 0px #ffffff1a',
      focus: '0px 0px 2px 0px #002c3f',
      up: '0px -3px 7px 0px #ffffff1a',
      high: {
        primary: '0px 12px 32px 0px #ffffff26',
        secondary: '0px 4px 10px 0px #ffffff0d',
      },
      low: {
        primary: '0px 2px 6px 0px #ffffff0d',
        secondary: '0px 1px 2px 0px #ffffff0d',
      },
    },
    blend: {
      solid: 1,
      low: 0.7,
      medium: 0.5,
      high: 0.3,
      strong: 0.1,
      full: 0,
    },
  },
} as const;

const dimensions = {
  default: {
    screen: {
      width: {
        default: '0px',
        sm: '576px',
        md: '768px',
        lg: '992px',
        xl: '1024px',
        xxl: '1400px',
      },
    },
    tweak: {
      0: '0px',
      100: '0.1px',
      125: '0.125px',
      200: '0.2px',
      250: '0.25px',
      300: '0.3px',
      333: '0.3333px',
      400: '0.4px',
      500: '0.5px',
      600: '0.6px',
      666: '0.6667px',
      700: '0.7px',
      750: '0.75px',
      800: '0.8px',
      900: '0.9px',
      1000: '1px',
      2000: '2px',
      3000: '3px',
      4000: '4px',
      5000: '5px',
      6000: '6px',
      7000: '7px',
      neg7000: '-7px',
      neg6000: '-6px',
      neg5000: '-5px',
      neg4000: '-4px',
      neg3000: '-3px',
      neg2000: '-2px',
      neg1000: '-1px',
      neg900: '-0.9px',
      neg800: '-0.8px',
      neg750: '-0.75px',
      neg700: '-0.7px',
      neg666: '-0.6667px',
      neg600: '-0.6px',
      neg500: '-0.5px',
      neg400: '-0.4px',
      neg333: '-0.3333px',
      neg300: '-0.3px',
      neg250: '-0.25px',
      neg200: '-0.2px',
      neg125: '-0.125px',
      neg100: '-0.1px',
    },
    gap: {
      none: '0px',
      line: '1px',
      xxs: '2px',
      xs: '4px',
      sm: '8px',
      md: '12px',
      lg: '16px',
      xl: '24px',
      '2xl': '32px',
      '3xl': '40px',
      '4xl': '48px',
    },
    padding: {
      none: '0px',
      line: '1px',
      xxs: '2px',
      xs: '4px',
      sm: '8px',
      md: '12px',
      lg: '16px',
      xl: '24px',
      '2xl': '32px',
      '3xl': '40px',
      '4xl': '48px',
    },
    margin: {
      none: '0px',
      line: '1px',
      xxs: '2px',
      xs: '4px',
      sm: '8px',
      md: '12px',
      lg: '16px',
      xl: '24px',
      '2xl': '32px',
      '3xl': '40px',
      '4xl': '48px',
    },
    borderRadius: {
      none: '0px',
      line: '1px',
      xxs: '2px',
      xs: '4px',
      sm: '8px',
      md: '12px',
      lg: '16px',
      xl: '24px',
      '2xl': '32px',
      '3xl': '40px',
      '4xl': '48px',
      button: '0px',
      formField: '0px',
      checkboxField: '3px',
    },
    borderWidth: {
      none: '0px',
      line: '1px',
      xxs: '2px',
      xs: '4px',
      sm: '8px',
      md: '12px',
      lg: '16px',
      xl: '24px',
      '2xl': '32px',
      '3xl': '40px',
      '4xl': '48px',
    },
    offset: {
      none: '0px',
      line: '1px',
      xxs: '2px',
      xs: '4px',
      sm: '8px',
      md: '12px',
      lg: '16px',
      xl: '24px',
      '2xl': '32px',
      '3xl': '40px',
      '4xl': '48px',
    },
    size: {
      none: '0px',
      line: '1px',
      xxs: '2px',
      xs: '4px',
      sm: '8px',
      md: '12px',
      lg: '16px',
      xl: '24px',
      '2xl': '32px',
      '3xl': '40px',
      '4xl': '48px',
      formField: '24px',
    },
    elevation: {
      default: 1,
      overlay: 999,
      sidebar: 1003,
      header: 1100,
      modal: 11_000,
      loader: 12_000,
    },
  },
  sm: {},
} as const;

const typography = {
  default: {
    fontFamily: {
      icons: "'shp'",
      numbers: "'Inter', 'Arial', sans-serif",
      display: "'Inter Display', 'Arial', sans-serif",
      headline: "'Inter Display', 'Arial', sans-serif",
      title: "'Inter Display', 'Arial', sans-serif",
      body: "'Inter', 'Arial', sans-serif",
      strong: "'Inter', 'Arial', sans-serif",
      label: "'Inter', 'Arial', sans-serif",
      controls: "'Inter', 'Arial', sans-serif",
      navigation: "'Inter', 'Arial', sans-serif",
      caption: "'Inter', 'Arial', sans-serif",
      monospace: "'JetBrains Mono', 'Inter', 'Arial', sans-serif",
    },
    fontSize: {
      numbers: {
        large: '60px',
        medium: '36px',
        small: '24px',
      },
      display: {
        large: '56px',
        medium: '48px',
        small: '40px',
      },
      headline: {
        h1: '26px',
        h2: '22px',
        h3: '18px',
        h4: '16px',
        h5: '12px',
      },
      title: {
        large: '16px',
        medium: '14px',
        small: '12px',
      },
      label: {
        large: '16px',
        medium: '14px',
        small: '12px',
      },
      controls: {
        large: '16px',
        medium: '12px',
        small: '12px',
      },
      navigation: {
        large: '16px',
        medium: '14px',
        small: '12px',
      },
      body: {
        large: '14px',
        medium: '12px',
        small: '10px',
      },
      strong: {
        large: '14px',
        medium: '12px',
        small: '10px',
      },
      caption: {
        large: '16px',
        medium: '14px',
        small: '12px',
      },
      monospace: {
        large: '16px',
        medium: '14px',
        small: '12px',
      },
    },
    lineHeight: {
      numbers: {
        large: '72px',
        medium: '42px',
        small: '28px',
      },
      display: {
        large: '56px',
        medium: '48px',
        small: '40px',
      },
      headline: {
        h1: '32px',
        h2: '28px',
        h3: '24px',
        h4: '24px',
        h5: '14px',
      },
      title: {
        large: '24px',
        medium: '20px',
        small: '16px',
      },
      label: {
        large: '24px',
        medium: '20px',
        small: '18px',
      },
      controls: {
        large: '24px',
        medium: '24px',
        small: '16px',
      },
      navigation: {
        large: '24px',
        medium: '20px',
        small: '16px',
      },
      body: {
        large: '22px',
        medium: '18px',
        small: '16px',
      },
      strong: {
        large: '22px',
        medium: '18px',
        small: '16px',
      },
      caption: {
        large: '24px',
        medium: '20px',
        small: '16px',
      },
      monospace: {
        large: '24px',
        medium: '20px',
        small: '16px',
      },
    },
    fontWeight: {
      numbers: {
        large: 700,
        medium: 700,
        small: 400,
      },
      display: {
        large: 500,
        medium: 500,
        small: 500,
      },
      headline: {
        h1: 400,
        h2: 400,
        h3: 400,
        h4: 400,
        h5: 400,
      },
      title: {
        large: 700,
        medium: 700,
        small: 700,
      },
      label: {
        large: 400,
        medium: 400,
        small: 400,
      },
      controls: {
        large: 400,
        medium: 400,
        small: 400,
      },
      navigation: {
        large: {
          default: 400,
          selected: 700,
        },
        medium: {
          default: 400,
          selected: 700,
        },
        small: {
          default: 400,
          selected: 700,
        },
      },
      body: {
        large: 400,
        medium: 400,
        small: 400,
      },
      strong: {
        large: 700,
        medium: 700,
        small: 700,
      },
      caption: {
        large: 400,
        medium: 400,
        small: 400,
      },
      monospace: {
        large: 400,
        medium: 400,
        small: 400,
      },
    },
    letterSpacing: {
      numbers: {
        large: '0px',
        medium: '0px',
        small: '0px',
      },
      display: {
        large: '0px',
        medium: '0px',
        small: '0px',
      },
      headline: {
        h1: '0px',
        h2: '0px',
        h3: '0px',
        h4: '0px',
        h5: '0px',
      },
      title: {
        large: '0px',
        medium: '0px',
        small: '0px',
      },
      label: {
        large: '0.1px',
        medium: '0.1px',
        small: '0.1px',
      },
      controls: {
        large: '0.4px',
        medium: '0.4px',
        small: '0.4px',
      },
      navigation: {
        large: '0.1px',
        medium: '0.1px',
        small: '0.1px',
      },
      body: {
        large: '0.16px',
        medium: '0.1px',
        small: '0.06px',
      },
      strong: {
        large: '0.16px',
        medium: '0.1px',
        small: '0.06px',
      },
      caption: {
        large: '0.1px',
        medium: '0.1px',
        small: '0.1px',
      },
      monospace: {
        large: '0px',
        medium: '0px',
        small: '0px',
      },
    },
    fontStyle: {
      italic: 'italic',
      normal: 'normal',
    },
  },
  sm: {
    fontSize: {
      headline: {
        h1: '36px',
      },
    },
    lineHeight: {
      headline: {
        h1: '46px',
      },
    },
    fontWeight: {
      headline: {
        h1: 400,
      },
    },
    letterSpacing: {
      headline: {
        h1: '0px',
      },
    },
  },
} as const;

export const tokens = { colors, dimensions, typography } as const;