:root {
    --primary-color: #2563eb; /* Main color for buttons and highlights */
    --primary-dark: #1d4ed8; /* Darker shade for hover effects */
    --secondary-color: #f1f5f9; /* Light background color */
    --text-dark: #1e293b; /* Main text color */
    --text-muted: #64748b; /* Muted text color for less emphasis */
    --success-color: #059669; /* Color for success messages */
    --warning-color: #d97706; /* Color for warning messages */
    --gradient-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%); /* Background gradient for sections */
    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); /* Shadow effect for cards */
    --transition-speed: 0.3s; /* Transition speed for hover effects */
    --border-radius: 10px; /* Standard border radius for rounded corners */
}