:root {
    --primary: #007bff; /* Bootstrap primary color */
    --secondary: #6c757d; /* Bootstrap secondary color */
    --success: #28a745; /* Bootstrap success color */
    --info: #17a2b8; /* Bootstrap info color */
    --warning: #ffc107; /* Bootstrap warning color */
    --danger: #dc3545; /* Bootstrap danger color */
    --light: #f8f9fa; /* Bootstrap light color */
    --dark: #343a40; /* Bootstrap dark color */
    --background: #ffffff; /* Main background color */
    --text: #212529; /* Main text color */
    --border: #dee2e6; /* Border color */
    --shadow: rgba(0, 0, 0, 0.1); /* Shadow color */
}