:root {
            --primary: #10b981;
            --primary-hover: #059669;
            --primary-active: #047857;
            --font-main: 'Inter', sans-serif;
        }

        body { font-family: var(--font-main); }
        
        .bg-primary { background-color: var(--primary) !important; }
        .bg-primary:hover { background-color: var(--primary-hover) !important; }
        .text-primary { color: var(--primary) !important; }
        .text-primary:hover { color: var(--primary-hover) !important; }
        .border-primary { border-color: var(--primary) !important; }
        .ring-primary { --tw-ring-color: var(--primary) !important; }
        
        .btn-primary {
            background-color: var(--primary) !important;
            color: white !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
        }
        .btn-primary:hover {
            background-color: var(--primary-hover) !important;
            transform: translateY(-2px) !important;
        }

        /* Input focus styling */
        input:focus, select:focus, textarea:focus {
            border-color: var(--primary) !important;
            outline: none !important;
            box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2) !important;
        }