:root {
    /* Primary colors */
    --color-primary: #d52514;
    --color-primary-shade: #e05c4f;
    
    /* Secondary colors */
    --color-secondary: #333333;
    --color-secondary-shade: #666666;
    
    /* Text colors */
    --color-text: #545454;
    --color-text-light: #5f5f5f;
    
    /* Grey colors */
    --color-grey-light: #f3f3f3;
    --color-grey-middle: #cccccc;
    --color-grey-dark: #819296;
    
    /* Border colors */
    --color-border: #e5e9e9;
    
    /* Status colors */
    --color-success: #53a566;
    --color-error: #dc5050;
    --color-missing: #51a7d0;
    --color-required: #7a6ea9;
    
    --color-success-strong: #22b14c;
    --color-error-strong: #ed1c24;
    --color-warning-strong: #ffc90e;
    
    /* Primary Button colors */
    --btn-primary-bg: var(--color-primary);
    --btn-primary-color: #fff;
    --btn-primary-hover-bg: var(--color-primary-shade);
    --btn-primary-hover-color: #fff;
    
    /* Secondary Button colors */
    --btn-secondary-bg: var(--color-secondary);
    --btn-secondary-color: #fff;
    --btn-secondary-hover-bg: var(--color-grey-dark);
    --btn-secondary-hover-color: #fff;
    
    /* Fonts */
    --font-headline: 'Open Sans', Arial, Helvetica, sans-serif;
    --font-base: 'Open Sans', Arial, Helvetica, sans-serif;
}