export enum Colors {
    BLACK = "#000000",
    DARK_GRAY = "#323232",
    MEDIUM_GRAY = "#9F9F9F",
    LIGHT_GRAY = "#DFDFDF",
    WHITE = "#FFFFFF",
    MEDIUM_BLUE = "#4476F7",
    MEDIUM_BLUE_ALT = "#4476f73d", // REDUCED OPACITY
    LIGHT_BLUE = "#BDDDF5",
    PINK = "#E0217D",
    YELLOW = "#F5D747",
    DROP_SHADOW = "#32323215",
    ERROR_RED = "#FF9494",
    SUCCESS_GREEN = "#4BB543",
    TRANSPARENT = "transparent"
}

export enum FontSize {
    JUMBO_ICON = "5rem",
    ICON = "3rem",
    HEADER = "1.6rem",
    DEFAULT = "1rem",
    SECONDARY = "1.3rem",
    LABEL = "0.6rem"
}

export enum Padding {
    MINIMUM_PADDING = "4px",
    SMALL_PADDING = "8px",
    MEDIUM_PADDING = "16px",
    LARGE_PADDING = "32px",
}

export enum IconSizes {
    ICON_SIZE = "28px",
}

export enum Borders {
    STANDARD = "solid 1px #9F9F9F",
    STANDARD_BORDER_RADIUS = '5px'
}

export enum Shadows {
    STANDARD_SHADOW = "0px 3px 4px rgba(0, 0, 0, 0.3)"
}

export enum Size {
    XSMALL = "xsmall",
    SMALL = "small",
    MEDIUM = "medium",
    LARGE = "large"
}