export const Fonts = {
    // Font family
    quicksand: 'quicksand',
    sfPro: 'sfPro',
    inter: 'inter',

    // Font weights
    regular: '400',
    medium: '500',
    semiBold: '600',
    bold: '700',
    extraBold: '800',

    // Font sizes
    xxs: 11,
    xs: 12,
    sm: 14,
    base: 16,
    lg: 18,
    xl: 20,
    '2xl': 24,
    '3xl': 30,
    '4xl': 36,
    '5xl': 48,
    "title": 32,

    // color
    bgPrimary: '#FFB645',
    bgSecondary: '#E2793F',
    bgCheck: "#FADBA1",
    bgInput: '#FFF8DE',
    textPrimary: '#AC7E35',
    textSecondary: '#4C320C',
    textThird: '#7F786F',
    textWhite: "#FFFFFF",
    placeholderTextColor: "#ccc",

} as const;

export type FontWeight = keyof Omit<typeof Fonts, 'quicksand' | 'sfPro' | 'inter' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl'>;
export type FontSize = "xxs" | "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "title";
export type FontColor = 'bgPrimary' | 'bgSecondary' | 'textPrimary' | 'textSecondary' | 'textThird' | 'textWhite';