static/css/style.css

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Noto+Serif+SC:wght@400;700&display=swap');

body {
    font-family: 'Noto Sans SC', sans-serif;
}

.font-serif {
    font-family: 'Noto Serif SC', serif;
}

/* Hide scrollbar for clean UI */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Theme Classes */
.theme-modern-light {
    background-color: #ffffff;
    color: #1e293b;
}
.theme-modern-light .menu-title {
    color: #0f172a;
    border-bottom: 2px solid #0f172a;
}
.theme-modern-light .category-title {
    color: #334155;
    background-color: #f1f5f9;
}
.theme-modern-light .item-price {
    color: #ea580c;
}

.theme-midnight-bistro {
    background-color: #1a1a1a;
    color: #e5e5e5;
}
.theme-midnight-bistro .menu-title {
    color: #fbbf24;
    border-bottom: 2px solid #fbbf24;
}
.theme-midnight-bistro .category-title {
    color: #fbbf24;
    border-left: 4px solid #fbbf24;
    padding-left: 10px;
}
.theme-midnight-bistro .item-price {
    color: #fbbf24;
}

.theme-elegant-gold {
    background-color: #fdfbf7;
    color: #4a4a4a;
    font-family: 'Noto Serif SC', serif;
}
.theme-elegant-gold .menu-title {
    color: #8a6d3b;
    text-align: center;
    border-bottom: 1px double #8a6d3b;
}
.theme-elegant-gold .category-title {
    color: #8a6d3b;
    text-align: center;
    border-bottom: 1px solid #e2dcc8;
    padding-bottom: 5px;
}
.theme-elegant-gold .item-price {
    color: #8a6d3b;
    font-weight: bold;
}

.preview-shadow {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}