/**
 * Ao realizar alterações nas cores, o arquivo '/vue-app/src/plugins/vuetify/colors.js' também deve ser alterado
 *
 * Ao adicionar uma cor nova, novas classes devem ser criadas em no arquivo 'basic-colors-classes.css'
 */

:root {
    /* Primary */
    --super-dark-primary: #182C69;
    --dark-primary: #3559EB;
    --primary: #00B9F9;
    --light-primary: #20DFF1;
    --extra-light-primary: #C7FAFF;

    /* Success */
    --dark-success: #279A11;
    --success: #4ED136;
    --light-success: #9AF988;
    --extra-light-success: #DFFFD9;

    /* Warning */
    --dark-warning: #C59300;
    --warning: #FFBE00;
    --light-warning: #FFE494;
    --extra-light-warning: #FFF4D2;

    /* Danger */
    --dark-danger: #BC2300;
    --danger: #F52D00;
    --light-danger: #FFAC9F;
    --extra-light-danger: #FFE6E1;

    /* Grey */
    --of-white: #F5F7F8;
    --background: #EFF0F2;
    --super-light-grey: #E1E1E4;
    --extra-light-grey: #CBD0D6;
    --light-grey: #B5BCC4;
    --medium-light-grey: #9EA7B1;
    --medium-grey: #8A929B;
    --medium-dark-grey: #7C818A;
    --dark-grey: #6B717C;
    --extra-dark-grey: #555A64;
    --super-dark-grey: #3A4148;
    --black: #1D1F27;

    /* Produtos */
    --sms: #00B6F5;
    --rcs: #0064E4;
    --whatsapp: #83C512;

    /* Purple */
    --dark-purple: #7C00E8;
    --primary-purple: #9340FF;
    --light-purple: #CBA2FF;
    --extra-light-purple: #F2E8FF;

    /* Cyan */
    --dark-cyan: #08B5AC;
    --primary-cyan: #0BD9CE;
    --light-cyan: #70EEE7;
    --extra-light-cyan: #D5FFFD;

    /* Green */
    --dark-green: #92B500;
    --primary-green: #AEDB00;
    --light-green: #E0FC7A;
    --extra-light-green: #F0FCC3;

    /* Orange */
    --dark-orange: #BE5E00;
    --primary-orange: #F47901;
    --light-orange: #FFBD7D;
    --extra-light-orange: #FFE8D1;

    /* Novas cores */
    /* Primary */
    --primary-blue-900: #162EDD;
    --primary-blue-500: #3559EB;
    --primary-blue-200: #9AACF5;
    --primary-blue-100: #C2CDF9;
    --primary-blue-50: #E7EBFD;

    /* Secondary */
    --secondary-blue-500: #3DB7F4;
    --secondary-blue-300: #77CDF7;
    --secondary-blue-200: #9EDBFA;
    --secondary-blue-100: #C5E9FC;

    /* Tertiary */
    --tertiary-blue-900: #0D1853;
    --tertiary-blue-100: #BDC4DA;

    /* Success */
    --success-900: #1CDD26;
    --success-500: #40EB4F;
    --success-200: #A0F5A7;
    --success-50: #E8FDEA;

    /* Warning */
    --warning-900: #FF9900;
    --warning-500: #FFBE00;
    --warning-200: #FFDF80;
    --warning-50: #FFF7E0;

    /* Error */
    --error-900: #EE1100;
    --error-500: #F52D00;
    --error-200: #FA9680;
    --error-50: #FEE6E0;

    /* Gray */
    --gray-0: #FFFFFF;
    --gray-10: #F5F7F8;
    --gray-30: #EFF0F2;
    --gray-50: #E1E1E4;
    --gray-100: #CBD0D6;
    --gray-200: #B5BCC4;
    --gray-300: #9EA7B1;
    --gray-400: #8A929B;
    --gray-500: #7C818A;
    --gray-600: #6B717C;
    --gray-700: #555A64;
    --gray-800: #3A4148;
    --gray-900: #1D1F27;

    /* Brand */
    --brand-sms-500: #00B6F5;
    --brand-rcs-500: #0064E4;
    --brand-email-500: #20DFF1;

    /* Info */
    --info-500: #0045F5;

    /* Pink */
    --secondary-pink-900: #FD4198;
    --secondary-pink-500: #FE70BD;

    /* Green */
    --green-900: #5D930A;
    --gree-500: #9DD200;

    /* Purple */
    --purple-900: #5104DC;
    --purple-500: #9340FF;

    /* Coral */
    --coral-900: #C93D45;
    --coral-900: #EA6B72;

    /* Orange */
    --orange-900: #D25118;
    --orange-500: #F47901;

    /* Cyan */
    --cyan-500: #04A99B;
}