:root {
    --primary: #16a34a;
    --secondary: #ca8a04;
}

* {
    --tw-ring-color: rgba(22, 163, 74, 0.5);
}

/* Tailwind custom utilities */
@layer utilities {
    .bg-primary {
        background-color: var(--primary);
    }
    
    .text-primary {
        color: var(--primary);
    }
    
    .bg-secondary {
        background-color: var(--secondary);
    }
    
    .text-secondary {
        color: var(--secondary);
    }
    
    .border-primary {
        border-color: var(--primary);
    }
    
    .border-secondary {
        border-color: var(--secondary);
    }
}