*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: 'Inter', 'Segoe UI', sans-serif;
    background-color: var(--bg);
    color: var(--text-primary);
    margin: 0;
    padding: 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes skel-shimmer {
    from { background-position: 200% 0; }
    to   { background-position: -100% 0; }
}