:root {
    /* Base Colors */
    --primary-color: #5d78ff;  /* Main brand color */
    --primary-color-soft: #6c7293;  /* Softened version for subtle accents */
    --primary-color-softer:#c4cff9;
    --accent-color: #ff7f5d;  /* Complementary accent color */
    --secondary-color: #c79602;  /* Secondary color for variation */
    --info-color: #677ae0 ;  /* Info color */
    --success-color: #0abb87;  /* Success color derived from primary */
    /* --danger-color: #fd397a;   */
    --danger-color: #f95464;
    --warning-color: #ffc107;  /* Warning color derived from primary */

    /* --bs-secondary-rgb:#e1e1ef; */
    --bs-success-rgb: 0, 187, 135;
    --bs-info-rgb: 103, 122, 224;
    --bs-danger-rgb: 253, 57, 122;
    --bs-secondary-rgb: 165, 171, 177;

    /* Text and Navigation */
    --nav-link-color: #29210c;  /* Color for navigation links */
    --text-light-color: #ffffffd4;  /* Light text color */
    --text-highlight-color: #5d78ff;  /* Highlighted text color */

    /* background color */
    --bg-highlight-color: #eef1ff;

    /* Border Colors */
    --border-color-light: #cccccc7d;
}