/* Custom styles to complement Tailwind */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Clinical Green Palette */
:root {
    --clinic-primary: #2E8B57; /* SeaGreen */
    --clinic-secondary: #3CB371; /* MediumSeaGreen */
    --clinic-light: #F0FFF4; /* Honeydew */
    --clinic-dark: #006400; /* DarkGreen */
    --clinic-accent: #FFFFFF;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #F8FAF8;
    color: #333;
}

.text-clinic-primary {
    color: var(--clinic-primary);
}

.bg-clinic-primary {
    background-color: var(--clinic-primary);
}

/* Custom Utilities if needed */
.glass-effect {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}