/* CSS Custom Properties and Color Definitions */
:root {
    /* Primary Colors */
    --primary-blue: #1976d2;
    --primary-indigo: #4f46e5;
    --primary-indigo-dark: #4338ca;

    /* Background Colors */
    --bg-primary: #f5f5f5;
    --bg-white: white;
    --bg-gray-50: #f8fafc;
    --bg-gray-100: #f3f4f6;
    --bg-gray-200: #e5e7eb;

    /* Text Colors */
    --text-primary: #333;
    --text-secondary: #374151;
    --text-muted: #64748b;
    --text-light: #9ca3af;
    --text-dark: #334155;

    /* Border Colors */
    --border-light: #e2e8f0;
    --border-gray: #d1d5db;
    --border-muted: #cbd5e1;

    /* Status Colors */
    --status-success: #10b981;
    --status-success-light: #059669;
    --status-error: #ef4444;
    --status-error-dark: #dc2626;
    --status-warning: #f59e0b;
    --status-warning-dark: #d97706;
    --status-purple: #a855f7;
    --status-purple-dark: #7c3aed;

    /* Status Background Colors */
    --status-success-bg: rgba(16, 185, 129, 0.15);
    --status-error-bg: rgba(239, 68, 68, 0.15);
    --status-warning-bg: rgba(245, 158, 11, 0.15);
    --status-purple-bg: rgba(168, 85, 247, 0.15);

    /* Status Border Colors */
    --status-success-border: rgba(16, 185, 129, 0.4);
    --status-error-border: rgba(239, 68, 68, 0.4);
    --status-warning-border: rgba(245, 158, 11, 0.4);
    --status-purple-border: rgba(168, 85, 247, 0.4);

    /* Interactive Colors */
    --hover-blue: #f0f9ff;
    --hover-gray: #f9fafb;
    --focus-ring: rgba(79, 70, 229, 0.1);

    /* Shadow Colors */
    --shadow-light: rgba(0, 0, 0, 0.05);
    --shadow-medium: rgba(0, 0, 0, 0.1);
    --shadow-dark: rgba(0, 0, 0, 0.5);
}