:root {
    /* Color primary */
    --primary-50: #f1f5fd;
    --primary-100: #e0e9f9;
    --primary-200: #c8d9f5;
    --primary-300: #a3c1ed;
    --primary-400: #779fe3;
    --primary-500: #5780da;
    --primary-600: #4364cd;
    --primary-700: #3952bc;
    --primary-800: #344499;
    --primary-900: #2a376f; /* Theme primary */
    --primary-950: #20274b;
  
    /* Color secondary */
    --secondary-50: #fef2f2;
    --secondary-100: #fde8e6;
    --secondary-200: #fbd0d0;
    --secondary-300: #f8a9a9;
    --secondary-400: #f3797c;
    --secondary-500: #ea4951;
    --secondary-600: #d62839;
    --secondary-700: #b41c2e;
    --secondary-800: #961a2d; /* Theme secondary */
    --secondary-900: #811a2d;
    --secondary-950: #480913;
  
    /* Gray */
    --gray-50: #f5f6f6;
    --gray-100: #e5e7e8;
    --gray-200: #cdd1d4;
    --gray-300: #aab0b6;
    --gray-400: #808990;
    --gray-500: #6c757d;
    --gray-600: #565c64;
    --gray-700: #4a4f54;
    --gray-800: #414449;
    --gray-900: #3a3c3f;
    --gray-950: #242628;
  
    /* Orange */
    --orange-50: #fffcea;
    --orange-100: #fff4c5;
    --orange-200: #ffea85;
    --orange-300: #ffd846;
    --orange-400: #ffc51b;
    --orange-500: #ffa200;
    --orange-600: #e27a00;
    --orange-700: #bb5302;
    --orange-800: #984008;
    --orange-900: #7c350b;
    --orange-950: #481a00;
  
    /* Success */
    --success-50: #f0fdf6;
    --success-100: #ddfbec;
    --success-200: #bcf6d9;
    --success-300: #88edbd;
    --success-400: #4ddb98;
    --success-500: #25c279;
    --success-600: #19a061;
    --success-700: #198754;
    --success-800: #186340;
    --success-900: #155237;
    --success-950: #062d1c;
  
    /* Danger */
    --danger-50: #fef2f2;
    --danger-100: #fee6e5;
    --danger-200: #fccfcf;
    --danger-300: #f9a8a8;
    --danger-400: #f57779;
    --danger-500: #ec474f;
    --danger-600: #dc3545;
    --danger-700: #b7192c;
    --danger-800: #99182c;
    --danger-900: #83182c;
    --danger-950: #490812;
  
    /* Warning */
    --warning-50: #ffffea;
    --warning-100: #fffbc5;
    --warning-200: #fff885;
    --warning-300: #ffee46;
    --warning-400: #ffdf1b;
    --warning-500: #ffc107;
    --warning-600: #e29400;
    --warning-700: #bb6902;
    --warning-800: #985108;
    --warning-900: #7c420b;
    --warning-950: #482200;
  
    /* Info */
    --info-50: #ecfdff;
    --info-100: #cef9ff;
    --info-200: #a3f1fe;
    --info-300: #64e4fc;
    --info-400: #25cff2;
    --info-500: #02b1d8;
    --info-600: #058cb5;
    --info-700: #0c7092;
    --info-800: #135b77;
    --info-900: #154c64;
    --info-950: #073145;
  
    --border-radius: .9rem;
  
    /* Main */
    --bg: #ffffff;
    --bg-opacity: rgba(255, 255, 255, .9);
    --bg-primary-opacity: rgba(42, 55, 111, .3);
    --bg-container: #f8f8f8;
    --border-container: #dadada;
    --box-shadow: inset 0 2px 0 0 hsla(0, 0%, 100%, .2), inset 0 -1px 0 0 rgba(0, 0, 0, .25), 0 2px 6px 0 rgba(0, 0, 0, .1);
    --linear-primary: linear-gradient(to bottom, transparent, rgba(42, 55, 111, .5));
  }