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

:root {
    --primary-color: #007A87;
    --primary-hover: #006570;
    --bg-color: #f4f6f8;
}

body {
    background-color: var(--bg-color);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.app-container {
    max-width: 28rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}