/**
 * _reset.css
 * Global reset styles for Mimuss
 * This file consolidates duplicate reset styles from all page CSS files
 */

/* Box Sizing Reset */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
}

/* Scrollbar Styles (consolidated from 28 files) */
body,
body * {
    scrollbar-color: var(--color-scrollbar-thumb, rgba(21, 21, 21, 0.2)) var(--color-scrollbar-track, transparent);
    scrollbar-width: thin;
}

body::-webkit-scrollbar,
body *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

body::-webkit-scrollbar-track,
body *::-webkit-scrollbar-track {
    background: var(--color-scrollbar-track, transparent);
}

body::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
}

body:hover::-webkit-scrollbar-thumb {
    background-color: var(--color-scrollbar-thumb-visible, #151515);
}

*:hover::-webkit-scrollbar-thumb {
    background-color: var(--color-scrollbar-thumb, rgba(21, 21, 21, 0.2));
}

/* Image Reset */
img,
video {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

/* Fullscreen Video */
:fullscreen video,
:-webkit-full-screen video {
    max-height: 100%;
    max-width: 100%;
}

/* Touch Highlights */
body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Safe Area Insets (for notched devices) */
body,
body * {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

/* Print Styles */
@media print {
    body {
        background-color: #fff;
    }
}