.mud-theme-provider {
    --app-font-display: Georgia, 'Times New Roman', serif;
    --app-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --app-content-width: 72rem;
    --app-radius-sm: 0.5rem;
    --app-radius-md: 0.875rem;
    --app-radius-lg: 1.25rem;
    --app-radius-xl: 2rem;
    --app-shadow-sm: 0 2px 10px rgba(57, 43, 25, 0.08);
    --app-shadow-lg: 0 18px 60px rgba(57, 43, 25, 0.14);
}

html,
body {
    font-family: var(--app-font-body);
    background-color: var(--mud-palette-background);
    color: var(--mud-palette-text-primary);
}

h1, h2, h3, h4, h5, h6,
.mud-typography-h1, .mud-typography-h2, .mud-typography-h3 {
    font-family: var(--app-font-display);
    letter-spacing: -0.02em;
}

.mud-paper {
    border-radius: var(--app-radius-md);
}

.mud-button-root {
    border-radius: 999px;
    font-weight: 650;
    letter-spacing: 0.01em;
}

.scroll-animation {
    transition: opacity 0.6s ease-out, transform 0.75s ease-out;
}

.scroll-animation-ready .scroll-animation {
    opacity: 0;
    transform: translateY(24px);
}

.scroll-animation-ready .scroll-animation.visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .scroll-animation {
        transition: none;
    }

    .scroll-animation-ready .scroll-animation {
        opacity: 1;
        transform: none;
    }
}