/* Base reset and custom styles */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    background-color: #FDF8F6;
}

/* Selection color */
::selection {
    background-color: rgba(181, 90, 66, 0.15);
    color: #2C1810;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #FDF8F6;
}
::-webkit-scrollbar-thumb {
    background: #E8DDD5;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #c27b66;
}

/* Image placeholder fallback */
img {
    background-color: #F8E0C8;
}

/* Focus visible for accessibility */
:focus-visible {
    outline: 1px solid #b55a42;
    outline-offset: 2px;
}