import type { DesignTokensConfig } from '@shoptet/tokens';
import { SwatchDesignToken } from '@shoptet/tokens';

export const palette = {
  neutral: SwatchDesignToken({ h: 29, c: 0, l: 0.5 }),
  critical: [
    SwatchDesignToken({ h: 29, c: 0.256, l: 0.625 }),
    SwatchDesignToken({ h: 29, c: 0.256, l: 0.625 }),
    SwatchDesignToken({ h: 2, c: 0.105, l: 0.825 }),
  ],
  warning: [
    SwatchDesignToken({ h: 65, c: 0.17, l: 0.772 }),
    SwatchDesignToken({ h: 65, c: 0.26, l: 0.772 }),
    SwatchDesignToken({ h: 89, c: 0.17, l: 0.87 }),
  ],
  green: SwatchDesignToken({ h: 129, c: 0.17, l: 0.623 }),
  main: SwatchDesignToken({ h: 129, c: 0.17, l: 0.778 }),
  success: [
    SwatchDesignToken({ h: 139, c: 0.19, l: 0.6 }),
    SwatchDesignToken({ h: 139, c: 0.19, l: 0.6 }),
    SwatchDesignToken({ h: 131, c: 0.139, l: 0.775 }),
  ],
  blue: SwatchDesignToken({ h: 233, c: 0.15, l: 0.716 }),
  controls: SwatchDesignToken({ h: 233, c: 0.15, l: 0.716 }),
  notice: SwatchDesignToken({ h: 233, c: 0.15, l: 0.715 }),
  links: SwatchDesignToken({ h: 260, c: 0.23, l: 0.56 }),
  code: SwatchDesignToken({ h: 265, c: 0.24, l: 0.441 }),
  informative: SwatchDesignToken({ h: 265, c: 0.24, l: 0.441 }),
  superadmin: SwatchDesignToken({ h: 298, c: 0.22, l: 0.598 }),
} as const satisfies DesignTokensConfig;