import { StyleSheet } from 'react-native';
export * from './weights';
export const grays = {
    one: '#f5f5f5',
    two: '#e9e9e9',
    three: '#dedede',
    four: '#cecece',
    five: '#adadad',
    six: '#6c6c6c',
    seven: '#494949',
    eight: '#343434',
    nine: '#212121'
};
export const color = {
    black: '#000000',
    lightGray: grays.three,
    gray: grays.six,
    darkGray: grays.eight,
    green: '#227d74',
    yellow: '#dab10e',
    white: '#ffffff',
    red: '#d0021b'
};
export const palette = {
    primary: color.green,
    secondary: color.darkGray,
    accent: color.yellow,
    error: color.red,
    background: color.white,
    surface: grays.one,
    onPrimary: color.white,
    onSecondary: color.white,
    onAccent: color.white,
    onBackground: color.black,
    onSurface: color.black,
    onError: color.white
};
export const padding = {
    base: 10,
    wide: 15,
    narrow: 5
};
export const border = {
    color: color.lightGray,
    width: StyleSheet.hairlineWidth,
    radius: 3
};
export const types = StyleSheet.create({
    title1: {
        fontSize: 44,
        lineHeight: 56
    },
    title2: {
        fontSize: 32,
        lineHeight: 36
    },
    title3: {
        fontSize: 24,
        lineHeight: 28
    },
    large: {
        fontSize: 19,
        lineHeight: 24
    },
    regular: {
        fontSize: 16,
        lineHeight: 22
    },
    small: {
        fontSize: 14,
        lineHeight: 18
    },
    caption: {
        fontSize: 12,
        lineHeight: 16
    },
    micro: {
        fontSize: 10,
        lineHeight: 12
    }
});
//# sourceMappingURL=variables.js.map