﻿:root {
    --font-size: 1;
    --h1-24: 1.5rem;
    --h2-22: 1.375rem;
    --h3-20: 1.25rem;
    --h4-18: 1.125rem;
    --body-16: 1rem;
    /* Colores Sistema*/
    --avex-gray: #282E36;
    --dark-avex-grey: #090A0C;
    --light-avex-grey: #68788D;
    --turquoise: #00D3DB;
    --dark-turquoise: #00BEC3;
    --light-turquoise: #70E1E5;
    /*  --red-ds: #FF6666;*/
    --dark-red: #CC5252;
    --light-red: #FF9494;
    --green-ds: #8BE06E;
    --dark-green: #7DC963;
    --light-green: #AEE99A;
    --orange-ds: #FFBC65;
    --dark-orange: #E5A95B;
    --light-orange: #FFD094;
    --blue-ds: #0089D9;
    --dark-blue: #007BC3;
    --light-blue: #4DADE4;
    --darken-green-ds: #0DB276;
    --dark-darken-green: #0CA06A;
    --light-darken-green: #56C99F;
    --purple-ds: #B566FF;
    --dark-purple: #9C33FF;
    --light-purple: #D6ADFF;
    --darken-red-ds: #f91b0f;
    --dark-darken-red: #c70f05;
    --light-darken-red: #fa554c;
    --secondary-gray-ds: #C0C0C0;
    --secondary-dark-gray: #9C9C9C;
    --secondary-light-gray: #CFCFCF;
    --bg-card-filtro: #F1F1F1;
    --header-tabla: #606060;
    /* Colores complementario*/
    --secondary-orange: #FF9800;
    --secondary-purple: #B39DDB;
    --secondary-green: #5CB85C;
    --secondary-yellow: #FFD700;
    --secondary-red: #E40909;
    --secondary-sky-blue: #5BC0DE;
    --secondary-blue: #3F51B5;
    --secondary-grey: #999999;
    --finance-red: #EA8181;
    --finance-green: #B5CF9B;
    --finance-blue: #428BCA;
    --finance-grey: #A8B8C5;
    --white: #fff;
    --black: #000;
    --border-card: #e2e2e2;
    /* Color alert*/
    --alert-info-bg: #CFF4FC;
    --alert-green-bg: #D1E7DD;
    --alert-green-text: #0F5132;
    --alert-warning-borde: #FFE69C;
    --alert-warning-bg: #FFF3CD;
    --alert-warning-text: #664D03;
    --alert-info-borde: #9EEAF9;
    --alert-info-bg: #CFF4FC;
    --alert-info-text: #055160;
    --alert-danger-borde: #F1AEB5;
    --alert-danger-bg: #F8D7DA;
    --alert-danger-text: #842029;
    /*Gray escala  bss*/
    --avex-gray100: #FFFFFF;
    --avex-gray98: #F9FAFB;
    --avex-gray95: #F0F2F4;
    --avex-gray90: #E2E5E9;
    --avex-gray85: #D3D8DE;
    --avex-gray80: #C4CBD4;
    --avex-gray70: #A7B1BE;
    --avex-gray60: #8A97A8;
    --avex-gray50: #6C7D93;
    --avex-gray40: #576475;
    --avex-gray30: #414B58;
    /*avex-gray20 ✅ */
    --avex-gray20: #2B323B;
    --avex-gray10: #16191D;
    --avex-gray0: #000000;
    /*turquoise-ds escala  bss*/
    --turquoise-ds100: #FFFFFF;
    --turquoise-ds98: #F5FFFF;
    --turquoise-ds95: #E6FEFF;
    --turquoise-ds90: #CCFDFF;
    --turquoise-ds85: #B3FCFF;
    --turquoise-ds80: #99FCFF;
    --turquoise-ds70: #66FAFF;
    --turquoise-ds60: #33F8FF;
    --turquoise-ds50: #00F7FF;
    /*turquoise-ds40 ✅ */
    --turquoise-ds40: #00C5CC;
    --turquoise-ds30: #009499;
    --turquoise-ds20: #006366;
    --turquoise-ds10: #003133;
    --turquoise-ds0: #000000;
    /*Orange*/
    --orange100: #FFFFFF;
    --orange98: #FFFBF5;
    --orange95: #FFF5E6;
    --orange90: #FFEBCC;
    --orange85: #FFE0B3;
    --orange80: #FFD699;
    --orange70: #FFC266;
    --orange60: #FFAD33;
    /*--orange50 ✅ */
    --orange50: #FF9800;
    --orange40: #CC7A00;
    --orange30: #995C00;
    --orange20: #663D00;
    --orange10: #331F00;
    --orange0: #000000;
    /*Purpura*/
    --purple100: #FFFFFF;
    --purple98: #FCF5FF;
    --purple95: #F7E6FF;
    --purple90: #EFCDFE;
    --purple85: #E8B4FE;
    --purple80: #E09BFD;
    --purple70: #D068FD;
    --purple60: #C136FC;
    /*--purple50 ✅ */
    --purple50: #B104FB;
    --purple40: #8E03C9;
    --purple30: #6A0297;
    --purple20: #470264;
    --purple10: #230132;
    --purple0: #000000;
    /*Black*/
    --black100: #FFFFFF;
    --black98: #FAFAFA;
    --black95: #F2F2F2;
    --black90: #E6E6E6;
    --black85: #D9D9D9;
    --black80: #CCCCCC;
    --black70: #B3B3B3;
    --black60: #999999;
    --black50: #808080;
    --black40: #666666;
    --black30: #4D4D4D;
    --black20: #333333;
    --black10: #1A1A1A;
    /*--black0 ✅ */
    --black0: #000000;
    /*Green*/
    --green100: #FFFFFF;
    --green98: #F8FDF7;
    --green95: #EEFBEA;
    --green90: #DDF6D5;
    --green85: #CCF2C0;
    --green80: #BBEDAB;
    --green70: #9AE481;
    --green60: #78DB57;
    /*--green50 ✅ */
    --green50: #56D22D;
    --green40: #45A824;
    --green30: #347E1B;
    --green20: #225412;
    --green10: #112A09;
    --green0: #000000;
    /*red*/
    --red100: #FFFFFF;
    --red98: #FFF5F5;
    --red95: #FFE6E6;
    --red90: #FFCCCC;
    --red85: #FFB3B3;
    --red80: #FF9999;
    --red70: #FF6666;
    --red60: #FF3333;
    /*--red50 ✅ */
    --red50: #FF0000;
    --red40: #CC0000;
    --red30: #990000;
    --red20: #660000;
    --red10: #330000;
    --red0: #000000;
    /*Colores Tipo moviles*/
    --auto: #e0e0e0;
    --citycar: #CDCDD5;
    --van: #9c27b0;
    --furgon: #9c27b0;
    --bus: #795548;
    --moto: #00bfa5;
    --sub: #673ab7;
    /*Bordes*/
    --bss-xxs: 2px;
    --bss-xs: 4px;
    --bss-sm: 8px;
    --bss-md: 16px;
    --bss-lg: 24px;
    --bss-xl: 32px;
    --bss-xxl: 64px;
    --bss-default: var(--bss-md);
    --border-radius-default: var(--bss-sm);
    --border-t-r: 0 var(--bss-sm) 0 0;
    --border-sm: var(--bss-sm);
    --border-t-l: var(--bss-sm) 0 0 0;
    --border-t: var(--bss-sm) var(--bss-sm) 0 0;
    --border-b: 0 0 var(--bss-sm) var(--bss-sm);
    --border-b-r: 0 0 var(--bss-sm) 0;
    --border-b-l: 0 0 0 var(--bss-sm);
    --border-r: 0 var(--bss-sm) var(--bss-sm) 0;
    --border-l: var(--bss-sm) 0 0 var(--bss-sm);
    --border-r-md: 0 var(--bss-md) var(--bss-md) 0;
    --border-l-md: var(--bss-md) 0 0 var(--bss-md);
    --border-md: var(--bss-md);
    --border-md-t: var(--bss-md) var(--bss-md) 0 0;
}
