@import "tailwindcss";

:root {
    --color-ink: #2F3C68;
    --color-coral: #D78773;
    --color-paper: #F7F2E8;
    --font-serif: Georgia, 'Times New Roman', Times, serif;
    --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
    font-family: var(--font-sans);
    background-color: var(--color-paper);
    color: var(--color-ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Accessibility: Visible Focus States */
*:focus-visible {
    outline: 2px solid var(--color-coral);
    outline-offset: 2px;
}

/* Smooth motion handling */
@media (prefers-reduced-motion: reduce) {
    * {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}