/**
 * Nexus Design System — Universal Reset
 * =======================================
 * Load AFTER tokens.css, BEFORE mọi file component khác.
 * Reset + box-sizing + body defaults.
 */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.5;
    background: var(--bg-primary);
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Scrollbar — Webkit only, thin hairline */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(113, 113, 122, 0.25);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(113, 113, 122, 0.4);
}

/* Selection — brand accent tint */
::selection {
    background: rgba(6, 182, 212, 0.3);
    color: var(--text-primary);
}