@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');
body, p, a, li, span, h1, h2, h3, h4, button, input {
font-family: 'Noto Sans TC', sans-serif;
}
body {
background-color: #060c1a;
color: #c8dff0;
}
header, nav {
background-color: #060c1a !important;
border-bottom: 1px solid #00d4ff22 !important;
}
nav a, .nav-link {
color: #7aa8cc !important;
transition: color 0.2s;
}
nav a:hover, .nav-link:hover {
color: #00d4ff !important;
}
a {
color: #00d4ff;
}
a:hover {
color: #66e8ff;
}
.btn, button[type="submit"], .add-to-cart {
background-color: #00d4ff !important;
color: #060c1a !important;
border: none !important;
font-weight: 500;
border-radius: 4px;
}
.btn:hover {
background-color: #33dcff !important;
}
.btn-outline, .btn-secondary {
background: transparent !important;
border: 1px solid #00d4ff55 !important;
color: #00d4ff !important;
}
.product-card, .card {
background: #0d1527 !important;
border: 1px solid #1e2d4a !important;
border-radius: 6px;
}
.product-card:hover {
border-color: #00d4ff55 !important;
}
.price, .product-price {
color: #00d4ff !important;
font-weight: 500;
}
.price-original, .price-old {
color: #3a5570 !important;
text-decoration: line-through;
}
footer {
background-color: #060c1a !important;
border-top: 1px solid #1e2d4a !important;
color: #2d4a66;
}
h1, h2, h3, h4, h5 {
color: #e8f4ff !important;
}
input, select, textarea {
background: #0d1527 !important;
border: 1px solid #1e2d4a !important;
color: #c8dff0 !important;
border-radius: 4px;
}
input:focus, select:focus {
border-color: #00d4ff !important;
outline: none;
box-shadow: 0 0 0 2px #00d4ff22;
}
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #060c1a; }
::-webkit-scrollbar-thumb { background: #1e2d4a; border-radius: 3px; }
