:root {
    --primary-color: #89377F; /* Your main brand color */
    --secondary-color: #67595E; /* A darker shade for contrast or footer backgrounds */
    --accent-color: #DAA5DA; /* A lighter tint of the primary color for highlights and accents */
    --background-color: #FFFFFF; /* A clean background color */
    --background-color-light: #F3F2F7; /* A light grey background for sections */
    --text-color: #333333; /* Primary text color, dark for readability */
    --text-color-muted: #595959; /* Muted text color for less emphasis */
    --text-color-light: #FFFFFF; /* Light text color for use on dark backgrounds */
    --border-color: #DDDDDD; /* Border color for inputs, cards, etc. */
    --button-color: #9F6A95; /* Button color that complements the primary color */
    --button-hover-color: #874D77; /* Button hover state color, slightly darker */
    --error-color: #FF6565; /* Color for error messages and icons */
    --success-color: #4CAF50; /* Color for success messages and icons */
    --warning-color: #FFC107; /* Color for warning messages and icons */
    --info-color: #17A2B8; /* Color for informational messages and icons */
    --status-not-confirmed: #e3342f;
    
    /* Theme variables */
    --card-bg: #ffffff;
    --card-bg-hover: #f8f9fa;
    --card-border: #e9ecef;
    --text-muted: #6c757d;
    --bg-dark: #f8f9fa;
    --bg-darker: #ffffff;
    --primary: #89377F;
    --primary-hover: #7a3071;
    --success: #4CAF50;
    --warning: #FFC107;
    --danger: #FF6565;
    --info: #17A2B8;
}

/* Dark theme variables */
[data-bs-theme="dark"] {
    --primary-color: #DAA5DA;
    --secondary-color: #67595E;
    --accent-color: #89377F;
    --background-color: #1a1a1a;
    --background-color-light: #2d2d2d;
    --text-color: #e5e7eb;
    --text-color-muted: #9ca3af;
    --text-color-light: #ffffff;
    --border-color: #404040;
    --button-color: #DAA5DA;
    --button-hover-color: #c794c7;
    
    /* Theme variables for dark mode */
    --card-bg: #2d2d2d;
    --card-bg-hover: #363636;
    --card-border: #404040;
    --text-muted: #9ca3af;
    --bg-dark: #1e1e1e;
    --bg-darker: #171717;
    --primary: #7c3aed;
    --primary-hover: #6d28d9;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;
}

/* Light theme variables */
[data-bs-theme="light"] {
    --primary-color: #89377F;
    --secondary-color: #67595E;
    --accent-color: #DAA5DA;
    --background-color: #ffffff;
    --background-color-light: #f8f9fa;
    --text-color: #333333;
    --text-color-muted: #6c757d;
    --text-color-light: #ffffff;
    --border-color: #e9ecef;
    --button-color: #89377F;
    --button-hover-color: #7a3071;
    
    /* Theme variables for light mode */
    --card-bg: #ffffff;
    --card-bg-hover: #f8f9fa;
    --card-border: #e9ecef;
    --text-muted: #6c757d;
    --bg-dark: #f8f9fa;
    --bg-darker: #ffffff;
    --primary: #89377F;
    --primary-hover: #7a3071;
    --success: #198754;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #0dcaf0;
}