@use "sass:map";

$colors-light: (
  background-primary: #ffffff,
  background-secondary: #f4f4f4,
  background-contrast: #141414,
  background-accent: #fff6ed,
  background-accent1-blog: #fff6cc,
  background-accent2-blog: #eee7f7,
  surface-primary: #ffffff,
  surface-secondary: #ff7900,
  surface-tertiary: #f15e00,
  surface-subtle: #eeeeee,
  surface-moderate: #dddddd,
  surface-contrast: #141414,
  surface-accent: #fff6ed,
  fill-primary: #ffffff,
  fill-secondary: #ff7900,
  fill-tertiary: #f15e00,
  fill-subtle: #eeeeee,
  fill-moderate: #dddddd,
  fill-disabled: #cccccc,
  fill-contrast: #000000,
  fill-accent1: #4bb4e6,
  fill-accent2: #50be87,
  fill-accent3: #ffb4e6,
  fill-accent4: #a885d8,
  fill-accent5: #ffd200,
  fill-accent6: #ffc48f,
  fill-information: #4170d814,
  fill-positive: #22872214,
  fill-warning: #ffcc0014,
  fill-negative: #cd3c1414,
  border-subtle: #dddddd,
  border-strong: #cccccc,
  border-contrast: #000000,
  border-accent: #f15e00,
  border-information: #4170d8,
  border-positive: #228722,
  border-warning: #ffcc00,
  border-negative: #cd3c14,
  icon-default: #000000,
  icon-inverse: #ffffff,
  icon-brand: #f15e00,
  icon-accent: #ffc48f,
  icon-disabled: #cccccc,
  icon-information: #4170d8,
  icon-positive: #228722,
  icon-warning: #ffcc00,
  icon-negative: #cd3c14,
  text-default: #000000,
  text-secondary: #666666,
  text-disabled: #cccccc,
  text-inverse: #ffffff,
  text-accent: #f15e00,
);

$colors-dark: (
  background-primary: #141414,
  background-secondary: #333333,
  background-contrast: #ffffff,
  background-accent: #2b1a10,
  background-accent1-blog: #62342d,
  background-accent2-blog: #2b1a10,
  surface-primary: #141414,
  surface-secondary: #ff7900,
  surface-tertiary: #f15e00,
  surface-subtle: #333333,
  surface-moderate: #595959,
  surface-contrast: #ffffff,
  surface-accent: #333333,
  fill-primary: #000000,
  fill-secondary: #ff7900,
  fill-tertiary: #f15e00,
  fill-subtle: #333333,
  fill-moderate: #595959,
  fill-disabled: #666666,
  fill-contrast: #ffffff,
  fill-accent1: #4bb4e6,
  fill-accent2: #50be87,
  fill-accent3: #ffb4e6,
  fill-accent4: #a885d8,
  fill-accent5: #ffd200,
  icon-accent6: #ffc48f,
  fill-information: #4170d833,
  fill-positive: #22872233,
  fill-warning: #ffcc0033,
  fill-negative: #cd3c1433,
  border-subtle: #333333,
  border-strong: #666666,
  border-contrast: #ffffff,
  border-accent: #ff7900,
  border-information: #6699ff,
  border-positive: #66cc66,
  border-warning: #ffcc00,
  border-negative: #ff4d4d,
  icon-default: #ffffff,
  icon-inverse: #000000,
  icon-brand: #ff7900,
  icon-accent: #da8436,
  icon-disabled: #666666,
  icon-information: #6699ff,
  icon-positive: #66cc66,
  icon-warning: #ffcc00,
  icon-negative: #ff4d4d,
  text-default: #ffffff,
  text-secondary: #cccccc,
  text-disabled: #666666,
  text-inverse: #000000,
  text-accent: #ff7900,
);

// Legacy single-value tokens (alias to light palette for backward compatibility)
$orange: map.get($colors-light, icon-brand);
$orange-dark: map.get($colors-light, surface-tertiary);
$black: map.get($colors-light, icon-default);
$white: map.get($colors-light, text-inverse);
$blue: map.get($colors-light, fill-accent1);
$green: map.get($colors-light, fill-accent2);
$pink: map.get($colors-light, fill-accent3);
$violet: map.get($colors-light, fill-accent4);
$yellow: map.get($colors-light, fill-accent5);
$yellow-lighter: #fff6b6; // not in new palette, fallback
$red: map.get($colors-dark, icon-negative);
$gray-300: map.get($colors-light, surface-subtle);
$gray-400: map.get($colors-light, fill-moderate);
$gray-500: map.get($colors-light, surface-moderate);
$gray-600: #999; // fallback
$gray-700: map.get($colors-light, text-secondary); // fallback
$gray-800: map.get($colors-light, text-secondary);
$gray-900: map.get($colors-dark, border-subtle);
$success: map.get($colors-light, fill-positive);
$danger: map.get($colors-light, fill-negative);
$info: map.get($colors-light, fill-information);
$warning: map.get($colors-light, fill-warning);