/* ===== COLOR VARIABLES ===== */
        :root {
            /* Primary Colors */
            --primary-50: #eff6ff;
            --primary-100: #dbeafe;
            --primary-200: #bfdbfe;
            --primary-300: #93c5fd;
            --primary-400: #60a5fa;
            --primary-500: #377dff;
            --primary-600: #2563eb;
            --primary-700: #1d4ed8;
            --primary-800: #1e40af;
            --primary-900: #1e3a8a;

            /* Secondary Colors */
            --secondary-400: #ffb74d;
            --secondary-500: #f9b934;
            --secondary-600: #FF9800;

            /* Alternate Colors */
            --alternate-main: #f7faff;
            --alternate-dark: #edf1f7;

            /* Grayscale */
            --gray-50: #f9fafb;
            --gray-100: #f3f4f6;
            --gray-200: #e5e7eb;
            --gray-300: #d1d5db;
            --gray-400: #9ca3af;
            --gray-500: #6b7280;
            --gray-600: #4b5563;
            --gray-700: #374151;
            --gray-800: #1f2937;
            --gray-900: #111827;

            /* Semantic Colors */
            --text-color: var(--gray-900);
            --text-muted: #677788;
            --border-color: var(--gray-200);
            --background-color: #ffffff;
            --card-background: #ffffff;
            --shadow-color: rgba(0, 0, 0, 0.1);
            --success-color: #10b981;
            --danger-color: #ef4444;
        }