/* eslint-disable import/prefer-default-export */
import { createGlobalStyle } from 'styled-components';
import getColors from './colors';

const { COLOR_PRIMARY, COLOR_SECONDARY, COLOR_TERTIARTY } = getColors();

export const GlobalStyle = createGlobalStyle`
:root {
    --color-background: rgb(240, 240, 240);
    --color-primary: ${COLOR_PRIMARY};
    --color-secondary: ${COLOR_SECONDARY};
    --color-tertiarty: ${COLOR_TERTIARTY};
    } 
`;
