@use 'sass:map';
$pkt-colors: (
  // Blue
  brand-blue-100: #f1fdff,
  brand-blue-200: #e5fcff,
  brand-blue-300: #d1f9ff,
  brand-blue-500: #b3f5ff,
  brand-blue-1000: #6fe9ff,
  brand-dark-blue-700: #6a698b,
  brand-dark-blue-1000: #2a2859,
  brand-warm-blue-1000: #1f42aa,
  // Green
  brand-green-400: #c7fde9,
  brand-green-1000: #43f8b6,
  brand-light-green-400: #e5ffe6,
  brand-light-green-1000: #c7f6c9,
  brand-dark-green-1000: #034b45,

  // Yellow
  brand-yellow-1000: #f9c66b,
  brand-yellow-500: #ffe7bc,

  // Red
  brand-red-100: #fff2f1,
  brand-red-400: #ffdfdc,
  brand-red-600: #ffb4ac,
  brand-red-1000: #ff8274,

  // Beige
  brand-light-beige-1000: #f8f0dd,
  brand-dark-beige-1000: #d0bfae,

  // Neutrals
  brand-neutrals-white: #ffffff,
  brand-neutrals-100: #f9f9f9,
  brand-neutrals-200: #f2f2f2,
  brand-neutrals-1000: #2c2c2c,
  brand-neutrals-black: #000000,
  brand-neutrals-transparent: transparent,

  // Purple
  brand-purple-1000: #e0adff,

  // Grays
  grays-gray-100: #e6e6e6,
  grays-gray-200: #cccccc,
  grays-gray-300: #b3b3b3,
  grays-gray-400: #9a9a9a,
  grays-gray-500: #808080,
  grays-gray-600: #666666,
  grays-gray-700: #4d4d4d,
  grays-gray-800: #333333,
  grays-gray-900: #1a1a1a,
  grays-gray-1000: #2c2c2c
) !default;

$pkt-semantic-colors: (
  // Background
  background-card: map.get($pkt-colors, brand-neutrals-white),
  background-default: map.get($pkt-colors, brand-neutrals-white),
  background-subtle: map.get($pkt-colors, brand-neutrals-100),
  background-transparent: map.get($pkt-colors, brand-neutrals-transparent),
  // Borders
  border-default: map.get($pkt-colors, brand-dark-blue-1000),
  border-beige: map.get($pkt-colors, brand-dark-beige-1000),
  border-blue: map.get($pkt-colors, brand-blue-1000),
  border-gray: map.get($pkt-colors, grays-gray-200),
  border-green: map.get($pkt-colors, brand-green-1000),
  border-light-beige: map.get($pkt-colors, brand-light-beige-1000),
  border-red: map.get($pkt-colors, brand-red-1000),
  border-subtle: map.get($pkt-colors, brand-neutrals-200),
  border-yellow: map.get($pkt-colors, brand-yellow-1000),
  border-states-active: map.get($pkt-colors, brand-warm-blue-1000),
  border-states-disabled: map.get($pkt-colors, grays-gray-300),
  border-states-focus: map.get($pkt-colors, brand-purple-1000),
  border-states-hover: map.get($pkt-colors, brand-warm-blue-1000),
  // Surface
  surface-default-faded-green: map.get($pkt-colors, brand-light-green-400),
  surface-default-faded-red: map.get($pkt-colors, brand-red-400),
  surface-default-gray: map.get($pkt-colors, brand-neutrals-100),
  surface-default-light-beige: map.get($pkt-colors, brand-light-beige-1000),
  surface-default-light-blue: map.get($pkt-colors, brand-blue-300),
  surface-default-light-green: map.get($pkt-colors, brand-green-400),
  surface-default-red: map.get($pkt-colors, brand-red-600),
  surface-default-yellow: map.get($pkt-colors, brand-yellow-500),
  surface-strong-beige: map.get($pkt-colors, brand-dark-beige-1000),
  surface-strong-blue: map.get($pkt-colors, brand-blue-1000),
  surface-strong-dark-blue: map.get($pkt-colors, brand-dark-blue-1000),
  surface-strong-dark-green: map.get($pkt-colors, brand-dark-green-1000),
  surface-strong-gray: map.get($pkt-colors, brand-neutrals-200),
  surface-strong-green: map.get($pkt-colors, brand-green-1000),
  surface-strong-light-green: map.get($pkt-colors, brand-light-green-1000),
  surface-strong-red: map.get($pkt-colors, brand-red-1000),
  surface-strong-yellow: map.get($pkt-colors, brand-yellow-1000),
  surface-subtle-light-blue: map.get($pkt-colors, brand-blue-200),
  surface-subtle-light-red: map.get($pkt-colors, brand-red-100),
  surface-subtle-pale-blue: map.get($pkt-colors, brand-blue-100),
  surface-subtle-white: map.get($pkt-colors, brand-neutrals-white),
  // Text
  text-body-dark: map.get($pkt-colors, brand-dark-blue-1000),
  text-body-default: map.get($pkt-colors, brand-dark-blue-1000),
  text-body-light: map.get($pkt-colors, brand-neutrals-white),
  text-placeholder: map.get($pkt-colors, grays-gray-600),
  text-action-disabled: map.get($pkt-colors, grays-gray-600),
  text-action-active: map.get($pkt-colors, brand-warm-blue-1000),
  text-action-hover: map.get($pkt-colors, brand-warm-blue-1000),
  text-action-normal: map.get($pkt-colors, brand-dark-blue-1000),

  // Input (shared)
  input-background-normal: map.get($pkt-colors, brand-neutrals-white),
  input-border-active: map.get($pkt-colors, brand-warm-blue-1000),
  input-border-disabled: map.get($pkt-colors, grays-gray-300),
  input-border-error: map.get($pkt-colors, brand-red-1000),
  input-border-hover: map.get($pkt-colors, brand-warm-blue-1000),
  input-border-normal: map.get($pkt-colors, brand-dark-blue-1000),
  input-text-active: map.get($pkt-colors, brand-warm-blue-1000),
  input-text-disabled: map.get($pkt-colors, grays-gray-500),
  input-text-hover: map.get($pkt-colors, brand-warm-blue-1000),
  input-text-normal: map.get($pkt-colors, brand-dark-blue-1000),
  input-text-error: map.get($pkt-colors, brand-red-1000),
  input-text-open: map.get($pkt-colors, brand-neutrals-white),

  // Input - Checkbox/Radio specific
  input-check-background: map.get($pkt-colors, brand-neutrals-white),
  input-check-border: map.get($pkt-colors, brand-dark-blue-1000),
  input-check-text-active: map.get($pkt-colors, brand-warm-blue-1000),
  input-check-text-hover: map.get($pkt-colors, brand-warm-blue-1000),
) !default;

// Deprecated colors
$colors: (
  // brand
  color-blue: #6fe9ff,
  color-blue-light: #b3f5ff,
  color-blue-dark: #2a2859,
  color-green: #43f8b6,
  color-green-light: #c7f6c9,
  color-green-dark: #034b45,
  color-red: #ff8274,
  color-red-light: #ffb4ac,
  color-yellow: #f9c66b,
  color-beige-light: #f8f0dd,
  color-beige-dark: #d0bfae,
  // state
  color-active: #1f42aa,
  color-active-light: #b3f5ff,
  color-hover: #1f42aa,
  color-hover-light: #b3f5ff,
  color-focus: #e0adff,
  color-disabled: #4d4d4d,
  color-disabled-light: #f9f9f9,
  // system
  color-info: #2a2859,
  color-success: #034b45,
  color-warning: #774c01,
  color-error: #96281c,
  // shade
  color-blue-dark-5: #f2f9ff,
  color-blue-dark-10: #d9e9f2,
  color-blue-5: #f1fdff,
  color-blue-10: #e5fcff,
  color-blue-60: #d1f9ff,
  color-green-dark-5: #f2fff3,
  color-green-dark-10: #d9f2ef,
  color-green-10: #e5ffe6,
  color-green-30: #c7fde9,
  color-red-5: #fff3f2,
  color-red-10: #ffe8e5,
  color-red-30: #ffdfdc,
  color-yellow-5: #fef9f0,
  color-yellow-50: #ffe7bc,
  // grayscale digital
  color-gray-light: #f9f9f9,
  color-gray: #f2f2f2,
  color-gray-dark: #2c2c2c,
  //grayscale
  color-transparent: transparent,
  color-white: #fff,
  color-grayscale-10: #e6e6e6,
  color-grayscale-20: #ccc,
  color-grayscale-30: #b3b3b3,
  color-grayscale-40: #9a9a9a,
  color-grayscale-50: #808080,
  color-grayscale-60: #666,
  color-grayscale-70: #4d4d4d,
  color-grayscale-80: #333,
  color-grayscale-90: #1a1a1a,
  color-black: #000
) !default;