:root {
    --primary: hsl(195, 100%, 25%);
    --foreground: hsl(215, 20%, 15%);
    --muted-foreground: hsl(215, 20%, 65%);
    --background: hsl(0, 0%, 100%);
    --secondary: hsl(210, 40%, 96%);
}

.text-foreground { color: var(--foreground) !important; }
.text-muted-foreground { color: var(--muted-foreground) !important; }
.text-primary { color: var(--primary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.hover\:bg-primary:hover { background-color: var(--primary) !important; }
.border-primary { border-color: var(--primary) !important; }
.bg-secondary { background-color: var(--secondary) !important; }

/* Override gray colors */
.text-gray-900 { color: var(--foreground) !important; }
.text-gray-600 { color: var(--muted-foreground) !important; }
.text-gray-700 { color: var(--foreground) !important; }
.text-blue-600 { color: var(--primary) !important; }
.bg-blue-600 { background-color: var(--primary) !important; }
.hover\:bg-blue-700:hover { background-color: var(--primary) !important; }
.border-blue-500 { border-color: var(--primary) !important; }
.focus\:border-blue-500:focus { border-color: var(--primary) !important; }
.bg-blue-50 { background-color: var(--secondary) !important; }
.bg-blue-100 { background-color: var(--secondary) !important; }