@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Medical Styles */
:root {
    --medical-blue: #0056b3;
    --soft-green: #28a745;
    --light-gray: #f8f9fa;
}

body {
    font-family: 'Inter', sans-serif;
    color: #333333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bg-medical-blue {
    background-color: var(--medical-blue);
}

.text-medical-blue {
    color: var(--medical-blue);
}

.border-medical-blue {
    border-color: var(--medical-blue);
}

.bg-soft-green {
    background-color: var(--soft-green);
}

/* Custom Transitions */
.transition-all-300 {
    transition: all 0.3s ease-in-out;
}

/* Header sticky logic could be added here if needed script-side */
.header-scrolled {
    @apply shadow-md py-2 bg-white;
}