:root {
    /* Primary Colors */
    --color-primary: #5b5bfb;
    --color-secondary: #7aefab;
  
    /* Neutral Colors */
    --color-white: #ffffff;
    --color-black: #0b0b0b;
    --color-gray-light: #dfe6e9;
    --color-gray-dark: #2d3436;
  
    /* Alerts */
    --color-success: #28a745;
    --color-warning: #ffc107;
    --color-error: #dc3545;

    /* Border Colors */
    --border-color-primary: #e4e4e7;

    /* Box Shadows */
    --focus-box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(161, 161, 170) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;;

  }