/* Color Palette */
:root {
    /* Primary Colors */
    --primary-color: #5A88B6;      /* Blue */
    --primary-light: #D3DDE7;      /* Light Blue */
    /* --primary-dark: #21618c;       Dark Blue */

    /* Secondary Colors */
    --secondary-color: #D57E31;    /* Orange */
    --secondary-light: #EDC5A1;    /* Light Orange */
    --secondary-dark: #d36300;     /* Dark Orange */

    /* Neutral Colors */
    --white: #ffffff;              /* White */
    --black: #000000;              /* Black */
    --gray-light: #E0E0E0;         /* Light Gray */
    --gray-dark: #7f8c8d;          /* Dark Gray */

    /* Background Colors */
    --background-color: #f3f2f2;   /* Background Light */
    --background-white: #ffffff;   /* Background Light */
    --background-primary-light: #ecf6ff;    /* Background Primary light */

    /* Text Colors */

    --text-white:#ffffff;
    --text-black:#000000;
    /* --text-color: #2c3e50;         Main Text Color */
    /* --text-light: #bdc3c7;         Light Text Color */
    /* --text-dark: #000000;          Dark Text Color */

    /* Shadow colors */
    --shadow-primary-color: #5a88b653;      /* Blue */

}

.errorMessage{
    color: Red;
}