import { SemanticColorPalette } from '../semanticColorType';
import { lightBaseColorPalette } from './baseColorPalette';

export const lightSemanticColorPalette: SemanticColorPalette = {
    foreground: lightBaseColorPalette.black,
    background: lightBaseColorPalette.white,

    primary: lightBaseColorPalette.blue500,
    primaryLg: lightBaseColorPalette.blue400,
    primaryDk: lightBaseColorPalette.blue600,

    secondary: lightBaseColorPalette.blue200,
    secondaryLg: lightBaseColorPalette.blue100,
    secondaryDk: lightBaseColorPalette.blue300,

    statusGray: lightBaseColorPalette.gray900,
    statusGrayLg: lightBaseColorPalette.gray800,
    statusGrayDk: lightBaseColorPalette.gray950,
    statusGrayBg: lightBaseColorPalette.gray200,
    statusGrayBgLg: lightBaseColorPalette.gray100,
    statusGrayBgDk: lightBaseColorPalette.gray300,

    statusRed: lightBaseColorPalette.red500,
    statusRedLg: lightBaseColorPalette.red400,
    statusRedDk: lightBaseColorPalette.red600,
    statusRedBg: lightBaseColorPalette.red200,
    statusRedBgLg: lightBaseColorPalette.red100,
    statusRedBgDk: lightBaseColorPalette.red300,

    statusYellow: lightBaseColorPalette.yellow500,
    statusYellowLg: lightBaseColorPalette.yellow400,
    statusYellowDk: lightBaseColorPalette.yellow600,
    statusYellowBg: lightBaseColorPalette.yellow200,
    statusYellowBgLg: lightBaseColorPalette.yellow100,
    statusYellowBgDk: lightBaseColorPalette.yellow300,

    statusGreen: lightBaseColorPalette.green500,
    statusGreenLg: lightBaseColorPalette.green400,
    statusGreenDk: lightBaseColorPalette.green600,
    statusGreenBg: lightBaseColorPalette.green200,
    statusGreenBgLg: lightBaseColorPalette.green100,
    statusGreenBgDk: lightBaseColorPalette.green300,

    statusBlue: lightBaseColorPalette.blue500,
    statusBlueLg: lightBaseColorPalette.blue400,
    statusBlueDk: lightBaseColorPalette.blue600,
    statusBlueBg: lightBaseColorPalette.blue200,
    statusBlueBgLg: lightBaseColorPalette.blue100,
    statusBlueBgDk: lightBaseColorPalette.blue300,

    statusViolet: lightBaseColorPalette.violet500,
    statusVioletLg: lightBaseColorPalette.violet400,
    statusVioletDk: lightBaseColorPalette.violet600,
    statusVioletBg: lightBaseColorPalette.violet200,
    statusVioletBgLg: lightBaseColorPalette.violet100,
    statusVioletBgDk: lightBaseColorPalette.violet300,

    text: lightBaseColorPalette.black,
    link: lightBaseColorPalette.blue600,
    placeholder: lightBaseColorPalette.gray300,
    label: lightBaseColorPalette.gray400,
    border: lightBaseColorPalette.gray200,
    background1: lightBaseColorPalette.white,
    background2: lightBaseColorPalette.gray100,

    opizeGreen: 'rgb(45,101,96)',
    opizeWhite: 'rgb(213,224,223)',
    opizeDimWhite: 'rgb(171,193,191)',
    c2nViolet: 'rgb(146,106,255)',
    c2nBlue: 'rgb(105,151,255)',
};
