/**
 * ailewo 爱礼物 - Base Styles
 * ================================================
 * 字体引入、全局 reset、滚动条工具类、通用动画。
 * 所有页面共享。
 */

/* Global */
html, body {
    background-color: #ffffff;
}
body {
    font-family: var(--font-family);
    color: var(--dark-gray);
}

/* Brand text/bg utilities */
.text-pink-primary { color: var(--accent-pink); }
.bg-pink-primary { background-color: var(--accent-pink); }

/* Scrollbar Utilities */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

/* Animations */
.fade-in {
    animation: fadeIn 0.15s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Focus styles */
input:focus {
    border-color: var(--accent-pink) !important;
    box-shadow: 0 0 0 1px var(--accent-pink) !important;
}