/* ===== Base ===== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
    font-family: 'Inter', system-ui, sans-serif;
    background-color: #f5f7fa;
    color: #0c1a2e;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', Georgia, serif;
}

/* ===== Section padding (matches original) ===== */
.section-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
@media (min-width: 768px) {
    .section-padding {
        padding-left: 3rem;
        padding-right: 3rem;
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}

/* ===== Section Reveal ===== */
.section-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.65s ease, transform 0.65s ease;
}
.section-reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* ===== Blazor error UI ===== */
#blazor-error-ui { display: none; }

/* ===== Rounded-sm (2px like original) ===== */
.rounded-sm { border-radius: 2px !important; }