/*
  This file is hardlinked from `src/shared/cunningham.ts`
  to `src/bin/cunningham.ts` and `src/lib/cunningham.ts`

  ```
  cd packages/tokens
  ln src/shared/cunningham.ts src/lib/cunningham.ts
  ln src/shared/cunningham.ts src/bin/cunningham.ts
  ```

  It is a convenient way to share the same tokens between the bin and the lib
  and do not put extra logic to customize build outputs.
*/

export const colors = {
  "logo-1-light": "#377FDB",
  "logo-2-light": "#377FDB",
  "logo-1-dark": "#C1D6F2",
  "logo-2-dark": "#C1D6F2",
  "brand-050": "#EAF1FB",
  "brand-100": "#D5E4F7",
  "brand-150": "#C0D6F4",
  "brand-200": "#ABC9F0",
  "brand-250": "#96BCEC",
  "brand-300": "#80AEE8",
  "brand-350": "#6CA0E4",
  "brand-400": "#5693E0",
  "brand-450": "#4085DC",
  "brand-500": "#2976D8",
  "brand-550": "#1167D4",
  "brand-600": "#0659C5",
  "brand-650": "#1A509F",
  "brand-700": "#20467F",
  "brand-750": "#203C63",
  "brand-800": "#1D314C",
  "brand-850": "#1A2638",
  "brand-900": "#141C28",
  "brand-950": "#0C1117",
  "gray-000": "#FFFFFF",
  "gray-025": "#F7F8F8",
  "gray-050": "#F0F1F2",
  "gray-100": "#E1E2E5",
  "gray-150": "#D2D4D8",
  "gray-200": "#C4C7CB",
  "gray-250": "#B5B9BE",
  "gray-300": "#A7ACB2",
  "gray-350": "#999EA5",
  "gray-400": "#8D9197",
  "gray-450": "#80848A",
  "gray-500": "#74777C",
  "gray-550": "#686B6F",
  "gray-600": "#5C5F63",
  "gray-650": "#505356",
  "gray-700": "#45474A",
  "gray-750": "#3A3B3E",
  "gray-800": "#2F3033",
  "gray-850": "#252627",
  "gray-900": "#1B1C1D",
  "gray-950": "#101112",
  "gray-1000": "#000000",
  "info-050": "#EAF1FB",
  "info-100": "#D5E4F7",
  "info-150": "#C0D6F4",
  "info-200": "#ABC9F0",
  "info-250": "#96BCEC",
  "info-300": "#80AEE8",
  "info-350": "#6CA0E4",
  "info-400": "#5693E0",
  "info-450": "#4085DC",
  "info-500": "#2976D8",
  "info-550": "#1167D4",
  "info-600": "#0659C5",
  "info-650": "#1A509F",
  "info-700": "#20467F",
  "info-750": "#203C63",
  "info-800": "#1D314C",
  "info-850": "#1A2638",
  "info-900": "#141C28",
  "info-950": "#0C1117",
  "success-050": "#E4F7D4",
  "success-100": "#C8EEA8",
  "success-150": "#AAE579",
  "success-200": "#89DC45",
  "success-250": "#72CF27",
  "success-300": "#6AC024",
  "success-350": "#61B121",
  "success-400": "#59A21E",
  "success-450": "#51941C",
  "success-500": "#4B851A",
  "success-550": "#427816",
  "success-600": "#3A6A14",
  "success-650": "#385C1F",
  "success-700": "#344D24",
  "success-750": "#2E4022",
  "success-800": "#27341F",
  "success-850": "#20281A",
  "success-900": "#181D15",
  "success-950": "#10120E",
  "warning-050": "#FFF1BD",
  "warning-100": "#FFE176",
  "warning-150": "#FFCF25",
  "warning-200": "#F4BF06",
  "warning-250": "#E3B205",
  "warning-300": "#D3A504",
  "warning-350": "#C29805",
  "warning-400": "#B28C03",
  "warning-450": "#A27F03",
  "warning-500": "#937303",
  "warning-550": "#836703",
  "warning-600": "#745B03",
  "warning-650": "#625019",
  "warning-700": "#524620",
  "warning-750": "#443B20",
  "warning-800": "#36301D",
  "warning-850": "#2A2619",
  "warning-900": "#1E1C13",
  "warning-950": "#12110C",
  "error-050": "#FCEDED",
  "error-100": "#FADBDB",
  "error-150": "#F7C9C9",
  "error-200": "#F5B7B7",
  "error-250": "#F2A4A4",
  "error-300": "#EF9191",
  "error-350": "#EC7D7D",
  "error-400": "#E96868",
  "error-450": "#E55050",
  "error-500": "#E13131",
  "error-550": "#D80000",
  "error-600": "#C00101",
  "error-650": "#9E2219",
  "error-700": "#802820",
  "error-750": "#662820",
  "error-800": "#4F231E",
  "error-850": "#3B1D19",
  "error-900": "#2A1614",
  "error-950": "#1A0E0C",
  "red-050": "#FDEDED",
  "red-100": "#FADBDB",
  "red-150": "#F8C9C9",
  "red-200": "#F5B7B6",
  "red-250": "#F3A4A3",
  "red-300": "#F09190",
  "red-350": "#EE7C7B",
  "red-400": "#EB6665",
  "red-450": "#E74E4D",
  "red-500": "#D83F3D",
  "red-550": "#C23837",
  "red-600": "#AC3231",
  "red-650": "#8D3531",
  "red-700": "#73332F",
  "red-750": "#5B2F2B",
  "red-800": "#472826",
  "red-850": "#35211F",
  "red-900": "#251817",
  "red-950": "#160F0E",
  "orange-050": "#FDEEE2",
  "orange-100": "#FCDDC5",
  "orange-150": "#FACBA8",
  "orange-200": "#F8B98B",
  "orange-250": "#F6A76A",
  "orange-300": "#F4934B",
  "orange-350": "#F27E27",
  "orange-400": "#E76E12",
  "orange-450": "#D26411",
  "orange-500": "#BE5B0F",
  "orange-550": "#AA510E",
  "orange-600": "#97480C",
  "orange-650": "#7E431D",
  "orange-700": "#673C22",
  "orange-750": "#533422",
  "orange-800": "#412C1F",
  "orange-850": "#31231B",
  "orange-900": "#221A14",
  "orange-950": "#15100C",
  "brown-050": "#F3F0EF",
  "brown-100": "#E7E1DF",
  "brown-150": "#DCD2CF",
  "brown-200": "#D0C4BF",
  "brown-250": "#C5B6B0",
  "brown-300": "#BAA7A1",
  "brown-350": "#AF9992",
  "brown-400": "#A48B83",
  "brown-450": "#997E74",
  "brown-500": "#8F7065",
  "brown-550": "#846357",
  "brown-600": "#7A5649",
  "brown-650": "#684C42",
  "brown-700": "#57423C",
  "brown-750": "#463833",
  "brown-800": "#382E2A",
  "brown-850": "#2B2422",
  "brown-900": "#1F1B19",
  "brown-950": "#121010",
  "yellow-050": "#FAF0D3",
  "yellow-100": "#F5E2A4",
  "yellow-150": "#F0D275",
  "yellow-200": "#EBC242",
  "yellow-250": "#E4B213",
  "yellow-300": "#D4A511",
  "yellow-350": "#C39810",
  "yellow-400": "#B38B0F",
  "yellow-450": "#A37F0D",
  "yellow-500": "#93730C",
  "yellow-550": "#84670B",
  "yellow-600": "#755B0A",
  "yellow-650": "#63501C",
  "yellow-700": "#534521",
  "yellow-750": "#443A21",
  "yellow-800": "#36301F",
  "yellow-850": "#29261A",
  "yellow-900": "#1D1C14",
  "yellow-950": "#12110C",
  "green-050": "#E2F6E5",
  "green-100": "#C5ECCA",
  "green-150": "#A7E3AF",
  "green-200": "#89D894",
  "green-250": "#67CE75",
  "green-300": "#4DC25D",
  "green-350": "#48B257",
  "green-400": "#41A44F",
  "green-450": "#3B9548",
  "green-500": "#368741",
  "green-550": "#30793A",
  "green-600": "#2B6B33",
  "green-650": "#2F5C34",
  "green-700": "#2E4E31",
  "green-750": "#2A412C",
  "green-800": "#253426",
  "green-850": "#1E281F",
  "green-900": "#171D17",
  "green-950": "#0F120F",
  "blue-1-050": "#EBF1FF",
  "blue-1-100": "#D6E3FE",
  "blue-1-150": "#C2D5FE",
  "blue-1-200": "#ADC7FE",
  "blue-1-250": "#99B8FD",
  "blue-1-300": "#84AAFD",
  "blue-1-350": "#6F9BFD",
  "blue-1-400": "#5A8DFB",
  "blue-1-450": "#437DFC",
  "blue-1-500": "#3D71E4",
  "blue-1-550": "#3665CC",
  "blue-1-600": "#305AB5",
  "blue-1-650": "#315093",
  "blue-1-700": "#2E4675",
  "blue-1-750": "#293B5E",
  "blue-1-800": "#243048",
  "blue-1-850": "#1E2635",
  "blue-1-900": "#171C25",
  "blue-1-950": "#0E1116",
  "blue-2-050": "#E2F4F9",
  "blue-2-100": "#C5E9F3",
  "blue-2-150": "#A7DDED",
  "blue-2-200": "#88D1E6",
  "blue-2-250": "#68C5E0",
  "blue-2-300": "#48B8D9",
  "blue-2-350": "#3BAACA",
  "blue-2-400": "#359CB9",
  "blue-2-450": "#318EA9",
  "blue-2-500": "#2C8199",
  "blue-2-550": "#277389",
  "blue-2-600": "#236679",
  "blue-2-650": "#2A5866",
  "blue-2-700": "#2A4B55",
  "blue-2-750": "#283F47",
  "blue-2-800": "#233337",
  "blue-2-850": "#1D272A",
  "blue-2-900": "#161C1E",
  "blue-2-950": "#0E1112",
  "purple-050": "#F6EEFF",
  "purple-100": "#ECDCFF",
  "purple-150": "#E3CBFE",
  "purple-200": "#DAB9FE",
  "purple-250": "#D0A7FE",
  "purple-300": "#C795FE",
  "purple-350": "#BD83FD",
  "purple-400": "#B36FFD",
  "purple-450": "#A85BFD",
  "purple-500": "#9B4BF3",
  "purple-550": "#8B43DA",
  "purple-600": "#7B3CC1",
  "purple-650": "#673C9B",
  "purple-700": "#56387D",
  "purple-750": "#463162",
  "purple-800": "#382A4A",
  "purple-850": "#2A2237",
  "purple-900": "#1E1926",
  "purple-950": "#121017",
  "pink-050": "#FCEDF5",
  "pink-100": "#F9DAEA",
  "pink-150": "#F7C7E0",
  "pink-200": "#F4B4D5",
  "pink-250": "#F1A1CA",
  "pink-300": "#EE8CBF",
  "pink-350": "#EA77B3",
  "pink-400": "#E760A6",
  "pink-450": "#E24797",
  "pink-500": "#CD4089",
  "pink-550": "#B8397B",
  "pink-600": "#A3336D",
  "pink-650": "#86355E",
  "pink-700": "#6E334F",
  "pink-750": "#582E42",
  "pink-800": "#442834",
  "pink-850": "#332028",
  "pink-900": "#24181D",
  "pink-950": "#160F12",
  "black-000": "#1B1C1D00",
  "black-050": "#1B1C1D0D",
  "black-100": "#1B1C1D1A",
  "black-150": "#1B1C1D26",
  "black-200": "#1B1C1D33",
  "black-250": "#1B1C1D40",
  "black-300": "#1B1C1D4D",
  "black-350": "#1B1C1D59",
  "black-400": "#1B1C1D66",
  "black-450": "#1B1C1D73",
  "black-500": "#1B1C1D80",
  "black-550": "#1B1C1D8C",
  "black-600": "#1B1C1D99",
  "black-650": "#1B1C1DA6",
  "black-700": "#1B1C1DB2",
  "black-750": "#1B1C1DBF",
  "black-800": "#1B1C1DCC",
  "black-850": "#1B1C1DD9",
  "black-900": "#1B1C1DE5",
  "black-950": "#101112F2",
  "white-000": "#F7F8F800",
  "white-050": "#F7F8F80D",
  "white-100": "#F7F8F81A",
  "white-150": "#F7F8F826",
  "white-200": "#F7F8F833",
  "white-250": "#F7F8F840",
  "white-300": "#F7F8F84D",
  "white-350": "#F7F8F859",
  "white-400": "#F7F8F866",
  "white-450": "#F7F8F873",
  "white-500": "#F7F8F880",
  "white-550": "#F7F8F88C",
  "white-600": "#F7F8F899",
  "white-650": "#F7F8F8A6",
  "white-700": "#F7F8F8B2",
  "white-750": "#F7F8F8BF",
  "white-800": "#F7F8F8CC",
  "white-850": "#F7F8F8D9",
  "white-900": "#F7F8F8E5",
  "white-950": "#F7F8F8F2",
  "white-975": "#F7F8F8F9",
};

const fontFamilies = {
  base: '"Roboto Flex Variable", sans-serif',
  accent: '"Roboto Flex Variable", sans-serif',
};

const spacings = {
  l: "3rem",
  b: "1.625rem",
  m: "0.8125rem",
  s: "1rem",
  t: "0.5rem",
  st: "0.25rem",
  "4xs": "0.125rem",
  "3xs": "0.25rem",
  "2xs": "0.375rem",
  xxxs: "0.25rem",
  xxs: "0.375rem",
  xs: "0.5rem",
  sm: "0.75rem",
  base: "1rem",
  md: "1.5rem",
  lg: "2rem",
  xl: "2.5rem",
  xxl: "3rem",
  xxxl: "3.5rem",
  "2xl": "3rem",
  "3xl": "3.5rem",
  "4xl": "4rem",
  "5xl": "4.5rem",
  "6xl": "6rem",
  "7xl": "7.5rem",
};

const transitions = {
  "ease-in": "cubic-bezier(0.32, 0, 0.67, 0)", // Ease in cubic
  "ease-out": "cubic-bezier(0.33, 1, 0.68, 1)", // Ease out cubic
  "ease-in-out": "cubic-bezier(0.65, 0, 0.35, 1)", // Ease in out cubic
  duration: "250ms",
};

const breakpoints = {
  xs: "0px",
  sm: "576px",
  md: "768px",
  lg: "992px",
  xl: "1200px",
  xxl: "1400px",
};

const fontWeights = {
  thin: 200,
  light: 300,
  regular: 400,
  medium: 500,
  bold: 600,
  extrabold: 700,
  black: 800,
};

export const globals = {
  colors,
  transitions,
  font: {
    sizes: {
      xs: "0.75rem",
      sm: "0.875rem",
      md: "1rem",
      lg: "1.125rem",
      ml: "0.938rem",
      xl: "1.25rem",
      t: "0.6875rem",
      s: "0.75rem",
      h1: "2rem",
      h2: "1.75rem",
      h3: "1.5rem",
      h4: "1.375rem",
      h5: "1.25rem",
      h6: "1.125rem",
      "xl-alt": "5rem",
      "lg-alt": "4.5rem",
      "md-alt": "4rem",
      "sm-alt": "3.5rem",
      "xs-alt": "3rem",
    },

    weights: fontWeights,
    families: fontFamilies,
  },
  spacings,
  breakpoints,
};

export const contextualDefaultTokens = {
  background: {
    surface: {
      primary: "ref(globals.colors.gray-000)",
      secondary: "ref(globals.colors.gray-000)",
      tertiary: "ref(globals.colors.gray-025)",
    },
    semantic: {
      overlay: {
        primary: "ref(globals.colors.black-050)",
        "primary-hover": "ref(globals.colors.black-100)",
      },
      contextual: {
        primary: "ref(globals.colors.black-050)",
        "primary-hover": "ref(globals.colors.black-100)",
      },
      brand: {
        primary: "ref(globals.colors.brand-550)",
        "primary-hover": "ref(globals.colors.brand-650)",
        secondary: "ref(globals.colors.brand-100)",
        "secondary-hover": "ref(globals.colors.brand-150)",
        tertiary: "ref(globals.colors.brand-050)",
        "tertiary-hover": "ref(globals.colors.brand-100)",
      },
      neutral: {
        primary: "ref(globals.colors.gray-550)",
        "primary-hover": "ref(globals.colors.gray-650)",
        secondary: "ref(globals.colors.gray-100)",
        "secondary-hover": "ref(globals.colors.gray-150)",
        tertiary: "ref(globals.colors.gray-050)",
        "tertiary-hover": "ref(globals.colors.gray-100)",
      },
      info: {
        primary: "ref(globals.colors.info-550)",
        "primary-hover": "ref(globals.colors.info-650)",
        secondary: "ref(globals.colors.info-100)",
        "secondary-hover": "ref(globals.colors.info-150)",
        tertiary: "ref(globals.colors.info-050)",
        "tertiary-hover": "ref(globals.colors.info-100)",
      },
      success: {
        primary: "ref(globals.colors.success-550)",
        "primary-hover": "ref(globals.colors.success-650)",
        secondary: "ref(globals.colors.success-100)",
        "secondary-hover": "ref(globals.colors.success-150)",
        tertiary: "ref(globals.colors.success-050)",
        "tertiary-hover": "ref(globals.colors.success-100)",
      },
      warning: {
        primary: "ref(globals.colors.warning-550)",
        "primary-hover": "ref(globals.colors.warning-650)",
        secondary: "ref(globals.colors.warning-100)",
        "secondary-hover": "ref(globals.colors.warning-150)",
        tertiary: "ref(globals.colors.warning-050)",
        "tertiary-hover": "ref(globals.colors.warning-100)",
      },
      error: {
        primary: "ref(globals.colors.error-550)",
        "primary-hover": "ref(globals.colors.error-650)",
        secondary: "ref(globals.colors.error-100)",
        "secondary-hover": "ref(globals.colors.error-150)",
        tertiary: "ref(globals.colors.error-050)",
        "tertiary-hover": "ref(globals.colors.error-100)",
      },
      disabled: {
        primary: "ref(globals.colors.gray-100)",
        secondary: "ref(globals.colors.gray-050)",
      },
    },
    palette: {
      brand: {
        primary: "ref(globals.colors.brand-500)",
        secondary: "ref(globals.colors.brand-350)",
        tertiary: "ref(globals.colors.brand-150)",
      },
      red: {
        primary: "ref(globals.colors.red-500)",
        secondary: "ref(globals.colors.red-350)",
        tertiary: "ref(globals.colors.red-150)",
      },
      orange: {
        primary: "ref(globals.colors.orange-500)",
        secondary: "ref(globals.colors.orange-350)",
        tertiary: "ref(globals.colors.orange-150)",
      },
      brown: {
        primary: "ref(globals.colors.brown-500)",
        secondary: "ref(globals.colors.brown-350)",
        tertiary: "ref(globals.colors.brown-150)",
      },
      yellow: {
        primary: "ref(globals.colors.yellow-500)",
        secondary: "ref(globals.colors.yellow-350)",
        tertiary: "ref(globals.colors.yellow-150)",
      },
      green: {
        primary: "ref(globals.colors.green-500)",
        secondary: "ref(globals.colors.green-350)",
        tertiary: "ref(globals.colors.green-150)",
      },
      "blue-1": {
        primary: "ref(globals.colors.blue-1-500)",
        secondary: "ref(globals.colors.blue-1-350)",
        tertiary: "ref(globals.colors.blue-1-150)",
      },
      "blue-2": {
        primary: "ref(globals.colors.blue-2-500)",
        secondary: "ref(globals.colors.blue-2-350)",
        tertiary: "ref(globals.colors.blue-2-150)",
      },
      purple: {
        primary: "ref(globals.colors.purple-500)",
        secondary: "ref(globals.colors.purple-350)",
        tertiary: "ref(globals.colors.purple-150)",
      },
      pink: {
        primary: "ref(globals.colors.pink-500)",
        secondary: "ref(globals.colors.pink-350)",
        tertiary: "ref(globals.colors.pink-150)",
      },
      gray: {
        primary: "ref(globals.colors.gray-500)",
        secondary: "ref(globals.colors.gray-350)",
        tertiary: "ref(globals.colors.gray-150)",
      },
    },
  },
  content: {
    logo1: "ref(globals.colors.logo-1-light)",
    logo2: "ref(globals.colors.logo-2-light)",
    semantic: {
      contextual: {
        primary: "ref(globals.colors.white-950)",
      },
      overlay: {
        primary: "ref(globals.colors.white-950)",
      },
      brand: {
        primary: "ref(globals.colors.brand-700)",
        secondary: "ref(globals.colors.brand-600)",
        tertiary: "ref(globals.colors.brand-550)",
        "on-brand": "ref(globals.colors.brand-050)",
      },
      neutral: {
        primary: "ref(globals.colors.gray-850)",
        secondary: "ref(globals.colors.gray-600)",
        tertiary: "ref(globals.colors.gray-550)",
        "on-neutral": "ref(globals.colors.gray-050)",
      },
      info: {
        primary: "ref(globals.colors.info-700)",
        secondary: "ref(globals.colors.info-600)",
        tertiary: "ref(globals.colors.info-550)",
        "on-info": "ref(globals.colors.info-050)",
      },
      success: {
        primary: "ref(globals.colors.success-700)",
        secondary: "ref(globals.colors.success-600)",
        tertiary: "ref(globals.colors.success-550)",
        "on-success": "ref(globals.colors.success-050)",
      },
      warning: {
        primary: "ref(globals.colors.warning-700)",
        secondary: "ref(globals.colors.warning-600)",
        tertiary: "ref(globals.colors.warning-550)",
        "on-warning": "ref(globals.colors.warning-050)",
      },
      error: {
        primary: "ref(globals.colors.error-700)",
        secondary: "ref(globals.colors.error-600)",
        tertiary: "ref(globals.colors.error-550)",
        "on-error": "ref(globals.colors.error-050)",
      },
      disabled: {
        primary: "ref(globals.colors.gray-300)",
        secondary: "ref(globals.colors.white-500)",
      },
    },
    palette: {
      brand: {
        primary: "ref(globals.colors.brand-500)",
      },
      red: {
        primary: "ref(globals.colors.red-500)",
      },
      orange: {
        primary: "ref(globals.colors.orange-500)",
      },
      brown: {
        primary: "ref(globals.colors.brown-500)",
      },
      yellow: {
        primary: "ref(globals.colors.yellow-500)",
      },
      green: {
        primary: "ref(globals.colors.green-500)",
      },
      "blue-1": {
        primary: "ref(globals.colors.blue-1-500)",
      },
      "blue-2": {
        primary: "ref(globals.colors.blue-2-500)",
      },
      purple: {
        primary: "ref(globals.colors.purple-500)",
      },
      pink: {
        primary: "ref(globals.colors.pink-500)",
      },
      gray: {
        primary: "ref(globals.colors.gray-500)",
      },
    },
  },
  border: {
    surface: {
      primary: "ref(globals.colors.gray-100)",
    },
    semantic: {
      contextual: {
        primary: "ref(globals.colors.white-200)",
      },
      overlay: {
        primary: "ref(globals.colors.white-200)",
      },
      brand: {
        primary: "ref(globals.colors.brand-550)",
        secondary: "ref(globals.colors.brand-300)",
        tertiary: "ref(globals.colors.brand-150)",
      },
      neutral: {
        primary: "ref(globals.colors.gray-550)",
        secondary: "ref(globals.colors.gray-300)",
        tertiary: "ref(globals.colors.gray-150)",
      },
      info: {
        primary: "ref(globals.colors.info-550)",
        secondary: "ref(globals.colors.info-300)",
        tertiary: "ref(globals.colors.info-150)",
      },
      success: {
        primary: "ref(globals.colors.success-550)",
        secondary: "ref(globals.colors.success-300)",
        tertiary: "ref(globals.colors.success-150)",
      },
      warning: {
        primary: "ref(globals.colors.warning-550)",
        secondary: "ref(globals.colors.warning-300)",
        tertiary: "ref(globals.colors.warning-150)",
      },
      error: {
        primary: "ref(globals.colors.error-550)",
        secondary: "ref(globals.colors.error-300)",
        tertiary: "ref(globals.colors.error-150)",
      },
      disabled: {
        primary: "ref(globals.colors.gray-100)",
      },
    },
  },
};

export const contextualDarkTokens = {
  background: {
    surface: {
      primary: "ref(globals.colors.gray-800)",
      secondary: "ref(globals.colors.gray-850)",
      tertiary: "ref(globals.colors.gray-900)",
    },
    semantic: {
      contextual: {
        primary: "ref(globals.colors.white-050)",
        "primary-hover": "ref(globals.colors.white-100)",
      },
      overlay: {
        primary: "ref(globals.colors.white-050)",
        "primary-hover": "ref(globals.colors.white-100)",
      },
      brand: {
        primary: "ref(globals.colors.brand-550)",
        "primary-hover": "ref(globals.colors.brand-650)",
        secondary: "ref(globals.colors.brand-700)",
        "secondary-hover": "ref(globals.colors.brand-750)",
        tertiary: "ref(globals.colors.brand-750)",
        "tertiary-hover": "ref(globals.colors.brand-800)",
      },
      neutral: {
        primary: "ref(globals.colors.gray-550)",
        "primary-hover": "ref(globals.colors.gray-650)",
        secondary: "ref(globals.colors.gray-700)",
        "secondary-hover": "ref(globals.colors.gray-750)",
        tertiary: "ref(globals.colors.gray-750)",
        "tertiary-hover": "ref(globals.colors.gray-800)",
      },
      info: {
        primary: "ref(globals.colors.info-550)",
        "primary-hover": "ref(globals.colors.info-650)",
        secondary: "ref(globals.colors.info-700)",
        "secondary-hover": "ref(globals.colors.info-750)",
        tertiary: "ref(globals.colors.info-750)",
        "tertiary-hover": "ref(globals.colors.info-800)",
      },
      success: {
        primary: "ref(globals.colors.success-550)",
        "primary-hover": "ref(globals.colors.success-650)",
        secondary: "ref(globals.colors.success-700)",
        "secondary-hover": "ref(globals.colors.success-750)",
        tertiary: "ref(globals.colors.success-750)",
        "tertiary-hover": "ref(globals.colors.success-800)",
      },
      warning: {
        primary: "ref(globals.colors.warning-550)",
        "primary-hover": "ref(globals.colors.warning-650)",
        secondary: "ref(globals.colors.warning-700)",
        "secondary-hover": "ref(globals.colors.warning-750)",
        tertiary: "ref(globals.colors.warning-750)",
        "tertiary-hover": "ref(globals.colors.warning-800)",
      },
      error: {
        primary: "ref(globals.colors.error-550)",
        "primary-hover": "ref(globals.colors.error-650)",
        secondary: "ref(globals.colors.error-700)",
        "secondary-hover": "ref(globals.colors.error-750)",
        tertiary: "ref(globals.colors.error-750)",
        "tertiary-hover": "ref(globals.colors.error-800)",
      },
      disabled: {
        primary: "ref(globals.colors.gray-750)",
        secondary: "ref(globals.colors.gray-800)",
      },
    },
    palette: {
      brand: {
        primary: "ref(globals.colors.brand-350)",
        secondary: "ref(globals.colors.brand-450)",
        tertiary: "ref(globals.colors.brand-550)",
      },
      red: {
        primary: "ref(globals.colors.red-350)",
        secondary: "ref(globals.colors.red-450)",
        tertiary: "ref(globals.colors.red-550)",
      },
      orange: {
        primary: "ref(globals.colors.orange-350)",
        secondary: "ref(globals.colors.orange-450)",
        tertiary: "ref(globals.colors.orange-550)",
      },
      brown: {
        primary: "ref(globals.colors.brown-350)",
        secondary: "ref(globals.colors.brown-450)",
        tertiary: "ref(globals.colors.brown-550)",
      },
      yellow: {
        primary: "ref(globals.colors.yellow-350)",
        secondary: "ref(globals.colors.yellow-450)",
        tertiary: "ref(globals.colors.yellow-550)",
      },
      green: {
        primary: "ref(globals.colors.green-350)",
        secondary: "ref(globals.colors.green-450)",
        tertiary: "ref(globals.colors.green-550)",
      },
      "blue-1": {
        primary: "ref(globals.colors.blue-1-350)",
        secondary: "ref(globals.colors.blue-1-450)",
        tertiary: "ref(globals.colors.blue-1-550)",
      },
      "blue-2": {
        primary: "ref(globals.colors.blue-2-350)",
        secondary: "ref(globals.colors.blue-2-450)",
        tertiary: "ref(globals.colors.blue-2-550)",
      },
      purple: {
        primary: "ref(globals.colors.purple-350)",
        secondary: "ref(globals.colors.purple-450)",
        tertiary: "ref(globals.colors.purple-550)",
      },
      pink: {
        primary: "ref(globals.colors.pink-350)",
        secondary: "ref(globals.colors.pink-450)",
        tertiary: "ref(globals.colors.pink-550)",
      },
      gray: {
        primary: "ref(globals.colors.gray-350)",
        secondary: "ref(globals.colors.gray-450)",
        tertiary: "ref(globals.colors.gray-550)",
      },
    },
  },
  content: {
    logo1: "ref(globals.colors.logo-1-dark)",
    logo2: "ref(globals.colors.logo-2-dark)",
    semantic: {
      contextual: {
        primary: "ref(globals.colors.black-850)",
      },
      overlay: {
        primary: "ref(globals.colors.black-850)",
      },
      brand: {
        primary: "ref(globals.colors.brand-050)",
        secondary: "ref(globals.colors.brand-100)",
        tertiary: "ref(globals.colors.brand-250)",
        "on-brand": "ref(globals.colors.brand-050)",
      },
      neutral: {
        primary: "ref(globals.colors.gray-050)",
        secondary: "ref(globals.colors.gray-100)",
        tertiary: "ref(globals.colors.gray-250)",
        "on-neutral": "ref(globals.colors.gray-050)",
      },
      info: {
        primary: "ref(globals.colors.info-050)",
        secondary: "ref(globals.colors.info-100)",
        tertiary: "ref(globals.colors.info-250)",
        "on-info": "ref(globals.colors.info-050)",
      },
      success: {
        primary: "ref(globals.colors.success-050)",
        secondary: "ref(globals.colors.success-100)",
        tertiary: "ref(globals.colors.success-250)",
        "on-success": "ref(globals.colors.success-050)",
      },
      warning: {
        primary: "ref(globals.colors.warning-050)",
        secondary: "ref(globals.colors.warning-100)",
        tertiary: "ref(globals.colors.warning-250)",
        "on-warning": "ref(globals.colors.warning-050)",
      },
      error: {
        primary: "ref(globals.colors.error-050)",
        secondary: "ref(globals.colors.error-100)",
        tertiary: "ref(globals.colors.error-250)",
        "on-error": "ref(globals.colors.error-050)",
      },
      disabled: {
        primary: "ref(globals.colors.gray-600)",
        secondary: "ref(globals.colors.black-300)",
      },
    },
    palette: {
      brand: {
        primary: "ref(globals.colors.brand-500)",
      },
      red: {
        primary: "ref(globals.colors.red-500)",
      },
      orange: {
        primary: "ref(globals.colors.orange-500)",
      },
      brown: {
        primary: "ref(globals.colors.brown-500)",
      },
      yellow: {
        primary: "ref(globals.colors.yellow-500)",
      },
      green: {
        primary: "ref(globals.colors.green-500)",
      },
      "blue-1": {
        primary: "ref(globals.colors.blue-1-500)",
      },
      "blue-2": {
        primary: "ref(globals.colors.blue-2-500)",
      },
      purple: {
        primary: "ref(globals.colors.purple-500)",
      },
      pink: {
        primary: "ref(globals.colors.pink-500)",
      },
      gray: {
        primary: "ref(globals.colors.gray-500)",
      },
    },
  },
  border: {
    surface: {
      primary: "ref(globals.colors.gray-750)",
    },
    semantic: {
      contextual: {
        primary: "ref(globals.colors.black-200)",
      },
      overlay: {
        primary: "ref(globals.colors.black-200)",
      },
      brand: {
        primary: "ref(globals.colors.brand-450)",
        secondary: "ref(globals.colors.brand-600)",
        tertiary: "ref(globals.colors.brand-700)",
      },
      neutral: {
        primary: "ref(globals.colors.gray-450)",
        secondary: "ref(globals.colors.gray-600)",
        tertiary: "ref(globals.colors.gray-700)",
      },
      info: {
        primary: "ref(globals.colors.info-450)",
        secondary: "ref(globals.colors.info-600)",
        tertiary: "ref(globals.colors.info-700)",
      },
      success: {
        primary: "ref(globals.colors.success-450)",
        secondary: "ref(globals.colors.success-600)",
        tertiary: "ref(globals.colors.success-700)",
      },
      warning: {
        primary: "ref(globals.colors.warning-450)",
        secondary: "ref(globals.colors.warning-600)",
        tertiary: "ref(globals.colors.warning-700)",
      },
      error: {
        primary: "ref(globals.colors.error-450)",
        secondary: "ref(globals.colors.error-600)",
        tertiary: "ref(globals.colors.error-700)",
      },
      disabled: {
        primary: "ref(globals.colors.gray-800)",
      },
    },
  },
};

export default {
  themes: {
    default: {
      globals,
      contextuals: contextualDefaultTokens,
      components: {},
    },
    dark: {
      globals,
      contextuals: contextualDarkTokens,
      components: {},
    },
  },
};
