/*******************************************************************************
*
* (c) 2018 Copyright A-Vision Software
*
* File description :        A-Vision web applications
*                           (System colours)
*
* Created by       :        Arnold Velzel
* Created on       :        15/12/2018
*
*******************************************************************************/
:root {
    --charcoal: #192a40;
    --charcoal-80: rgba(25, 42, 64, 0.8);
    --charcoal-50: rgba(25, 42, 64, 0.5);
    --charcoal-10: rgba(25, 42, 64, 0.1);
    --dark-orange: rgba(232, 81, 48, 1);
    --dark-orange-80: rgba(232, 81, 48, 0.8);
    --dark-orange-50: rgba(232, 81, 48, 0.5);
    --dark-orange-10: rgba(232, 81, 48, 0.1);
    --orange: #f88e30;
    --orange-80: rgba(248, 142, 48, 0.8);
    --orange-50: rgba(248, 142, 48, 0.5);
    --orange-10: rgba(248, 142, 48, 0.1);
    --yellow: rgba(249, 204, 56, 1);
    --yellow-80: rgba(249, 204, 56, 0.8);
    --yellow-50: rgba(249, 204, 56, 0.5);
    --yellow-10: rgba(249, 204, 56, 0.1);
    --header: rgba(25, 42, 64, 1);
    --header-80: rgba(25, 42, 64, 0.8);
    --header-50: rgba(25, 42, 64, 0.5);
    --header-10: rgba(25, 42, 64, 0.1);
    --header-text: rgba(244, 244, 244, 1);
    --header-text-80: rgba(244, 244, 244, 0.8);
    --header-text-50: rgba(244, 244, 244, 0.5);
    --header-text-10: rgba(244, 244, 244, 0.1);
    --section: rgba(250, 250, 250, 1);
    --section-80: rgba(250, 250, 250, 0.8);
    --section-50: rgba(250, 250, 250, 0.5);
    --section-10: rgba(250, 250, 250, 0.1);
    --section-text: rgba(25, 42, 64, 1);
    --section-text-80: rgba(25, 42, 64, 0.8);
    --section-text-50: rgba(25, 42, 64, 0.5);
    --section-text-10: rgba(25, 42, 64, 0.1);
    --red: rgba(232, 81, 48, 1);
    --red-80: rgba(232, 81, 48, 0.8);
    --red-50: rgba(232, 81, 48, 0.5);
    --red-10: rgba(232, 81, 48, 0.1);
    --blue: rgba(87, 160, 211, 1);
    --blue-80: rgba(87, 160, 211, 0.8);
    --blue-50: rgba(87, 160, 211, 0.5);
    --blue-10: rgba(87, 160, 211, 0.1);
    --green: #8fd14f;
    --green-80: rgba(143, 209, 79, 0.8);
    --green-50: rgba(143, 209, 79, 0.5);
    --green-10: rgba(143, 209, 79, 0.1);
    --gray: rgba(142, 156, 167, 1);
    --gray-80: rgba(142, 156, 167, 0.8);
    --gray-50: rgba(142, 156, 167, 0.5);
    --gray-10: rgba(142, 156, 167, 0.1);
    --light-text: rgba(244, 244, 244, 1);
    --light-text-80: rgba(244, 244, 244, 0.8);
    --light-text-50: rgba(244, 244, 244, 0.5);
    --light-text-10: rgba(244, 244, 244, 0.1);
    --dark-text: rgba(25, 42, 64, 1);
    --dark-text-80: rgba(25, 42, 64, 0.8);
    --dark-text-50: rgba(25, 42, 64, 0.5);
    --dark-text-10: rgba(25, 42, 64, 0.1);
    --light-background: rgba(244, 244, 244, 1);
    --light-background-80: rgba(244, 244, 244, 0.8);
    --light-background-50: rgba(244, 244, 244, 0.5);
    --light-background-10: rgba(244, 244, 244, 0.1);
    --dark-background: rgba(25, 42, 64, 1);
    --dark-background-80: rgba(25, 42, 64, 0.8);
    --dark-background-50: rgba(25, 42, 64, 0.5);
    --dark-background-10: rgba(25, 42, 64, 0.1);
    --daylight: rgba(255, 249, 255, 1);
    --daylight-80: rgba(255, 249, 255, 0.8);
    --daylight-50: rgba(255, 249, 255, 0.5);
    --daylight-10: rgba(255, 249, 255, 0.1);
    --button-save: rgba(143, 209, 79, 1);
    --button-save-80: rgba(143, 209, 79, 0.8);
    --button-save-50: rgba(143, 209, 79, 0.5);
    --button-save-10: rgba(143, 209, 79, 0.1);
    --button-cancel: rgba(232, 81, 48, 1);
    --button-cancel-80: rgba(232, 81, 48, 0.8);
    --button-cancel-50: rgba(232, 81, 48, 0.5);
    --button-cancel-10: rgba(232, 81, 48, 0.1);
    --daylight-30: rgba(255, 249, 255, 0.25);
    --dark-blue: rgba(0, 40, 80, 1);
    --dark-blue-80: rgba(0, 40, 80, 0.8);
    --dark-blue-50: rgba(0, 40, 80, 0.5);
    --dark-blue-10: rgba(0, 40, 80, 0.1);
    --dark-green: rgba(0, 54, 0, 1);
    --dark-green-80: rgba(0, 54, 0, 0.8);
    --dark-green-50: rgba(0, 54, 0, 0.5);
    --dark-green-10: rgba(0, 54, 0, 0.1);
    --dark-red: rgba(76, 0, 1, 1);
    --dark-red-80: rgba(76, 0, 1, 0.8);
    --dark-red-50: rgba(76, 0, 1, 0.5);
    --dark-red-10: rgba(76, 0, 1, 0.1);
}
