module.exports = {
  main: 'oklch(54.6% 0.245 262.881)',
  'gray-light-shade': '#EEEEEE',
  'gray-lightest': '#f6f6f6',
  'gray-lighter': '#f1f1f1',
  'gray-light': '#ddd',
  'gray-bg': '#CCC',
  'gray-medium': '#888',
  'gray-dark': '#666',
  'gray-darkest': '#333',
  'gray-light-blue': '#F8F8FA',
  teal: '#394EFF', /* blue */
  'teal-dark': '#2331A8', /* "blue-dark" */
  'teal-light': 'rgba(57, 78, 255, 0.1)', /* "blue-light" */
  tealx: '#3EAAAF',
  'tealx-light': '#E2F0EE',
  'tealx-light-border': '#C6DCDA',
  'tealx-lightest': 'rgba(62, 170, 175, 0.1)',
  orange: '#E28940',
  yellow: '#FFFBE5',
  yellow2: '#F5A623',
  'orange-dark': '#C26822',
  green: '#42AE5E',
  green2: '#00dc69',
  'green-dark': '#2C9848',
  red: '#cc0000',
  red2: '#F5A623',
  'red-light': 'oklch(93.6% 0.032 17.717)',
  'red-lightest': 'oklch(97.1% 0.013 17.38)',
  blue: '#366CD9',
  blue2: '#0076FF',
  'active-blue': '#F6F7FF',
  'active-dark-blue': '#E2E4F6',
  'bg-blue': '#e3e6ff',
  'active-blue-border': '#D0D4F2',
  pink: '#ffb9b9',
  'light-blue-bg': '#E5F7F7',
  white: '#fff',
  black: 'black',
  'gray-border': '#999', // Added for border-gray shadow
  borderColor: {
    default: '#DDDDDD',
    'gray-light-shade': '#EEEEEE',
    primary: '#3490dc',
    transparent: 'transparent',
  },
  transparent: 'transparent',
  cyan: '#EBF4F5',
  amber: 'oklch(98.7% 0.022 95.277)',
  'amber-medium': 'oklch(96.2% 0.059 95.617)',
  glassWhite: 'rgba(255, 255, 255, 0.5)',
  glassMint: 'rgba(248, 255, 254, 0.5)',
  glassLavander: 'rgba(243, 241, 255, 0.5)',
  blueLight: 'rgba(235, 235, 255, 1)',
  offWhite: 'rgba(250, 250, 255, 1)',
  'disabled-text': 'rgba(0,0,0, 0.38)',
  'indigo-lightest': 'oklch(96.2% 0.018 272.314)',
  'indigo': 'oklch(58.5% 0.233 277.117)',

  /** DEPRECATED */
  figmaColors: {
    'accent-secondary': 'rgba(62, 170, 175, 1)',
    main: 'rgba(57, 78, 255, 1)',
    'primary-outlined-hover-background': 'rgba(62, 170, 175, 0.08)',
    'primary-outlined-resting-border': 'rgba(62, 170, 175, 0.5)',
    'secondary-outlined-hover-background': 'rgba(63, 81, 181, 0.08)',
    'secondary-outlined-resting-border': 'rgba(63, 81, 181, 0.5)',
    'text-disabled': 'rgba(0,0,0, 0.38)',
    'text-primary': 'rgba(0,0,0, 0.87)',
    'outlined-border': 'rgba(0,0,0, 0.23)',
    divider: 'rgba(0, 0, 0, 0.12)',
  },

  dark: {
    // used as background in multiple places
    white: 'oklch(20.5% 0 0)',
    black: '#fff',
    teal: 'oklch(70.7% 0.165 254.624)',
    main: 'oklch(70.7% 0.165 254.624)',
    'text-primary': 'oklch(97% 0 0)',
    'text-disabled': 'rgba(255, 255, 255, 0.38)',
    'outlined-border': 'rgba(255, 255, 255, 0.23)',
    divider: 'rgba(255, 255, 255, 0.12)',
    'background': 'oklch(20.5% 0 0)',
    'surface': '#1E1E1E',
    amber: 'oklch(41.4% 0.112 45.904)',
    'amber-medium': 'oklch(55.5% 0.163 48.998)',
    'red-lightest': 'oklch(25.8% 0.092 26.042)',
    'indigo-lightest': 'oklch(35.9% 0.144 278.697)',
    'indigo': 'oklch(58.5% 0.233 277.117)',
    'red-light': 'oklch(39.6% 0.141 25.723)',

    'gray-light-shade': 'oklch(37.1% 0 0)',
    'gray-lightest': 'oklch(26.9% 0 0)',
    'gray-lighter': 'oklch(29.9% 0 0)',
    'gray-light': 'oklch(37.1% 0 0)',
    'gray-bg': 'oklch(37.1% 0 0)',
    'gray-medium': 'oklch(70.7% 0.022 261.325)',
    'gray-dark': 'oklch(87% 0 0)',
    'gray-darkest': 'oklch(97% 0 0)',
    'gray-light-blue': 'oklch(55.4% 0.046 257.417)',
    'gray-border': '#888',

    'active-blue': 'oklch(43.2% 0.232 292.759)',
    'active-dark-blue': 'oklch(43.2% 0.232 292.759)',
    'bg-blue': 'oklch(35.9% 0.144 278.697)',
    'active-blue-border': 'oklch(45.7% 0.24 277.023)',
    'tealx': 'oklch(77.7% 0.152 181.912)',
    'tealx-light': 'oklch(38.6% 0.063 188.416)',
    'tealx-light-border': 'oklch(43.7% 0.078 188.216)',

    'light-blue-bg': 'oklch(39.8% 0.07 227.392)',
    'disabled-text': 'rgba(255, 255, 255, 0.38)',

    glassWhite: 'rgba(30, 30, 30, 0.5)',
    glassMint: 'rgba(20, 27, 28, 0.5)',
    glassLavander: 'rgba(25, 23, 37, 0.5)',
    blueLight: '#343460',
    offWhite: 'rgba(30, 30, 50, 1)',

    figmaColors: {
      'accent-secondary': 'rgba(82, 190, 195, 1)',
      'text-disabled': 'rgba(255, 255, 255, 0.38)',
      'text-primary': 'rgba(255, 255, 255, 0.87)',
      'outlined-border': 'rgba(255, 255, 255, 0.23)',
      divider: 'rgba(255, 255, 255, 0.12)',
    }
  }
};