/* Custom CSS for 港島娛樂城評測 */
:root {
    --deep-teal: #0F2A3C;
    --teal-dark: #0A1E2C;
    --copper: #B87333;
    --copper-light: #D4965A;
    --silver: #E8EDF2;
    --silver-dim: #A0AEBB;
    --white: #FFFFFF;
    --card-bg: #FFFFFF;
    --card-border: #D6DCE2;
}

body {
    background-color: var(--deep-teal);
    color: var(--silver);
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: -0.3px;
}

a { transition: color 0.2s ease; }

/* Rating bars */
.rating-bar { height: 8px; border-radius: 4px; background: rgba(255,255,255,0.1); overflow: hidden; }
.rating-bar-fill { height: 100%; border-radius: 4px; background: linear-gradient(90deg, var(--copper), var(--copper-light)); transition: width 0.6s ease; }

/* Safety badges */
.badge-safe { background: #1B5E20; color: #A5D6A7; padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: 600; }
.badge-caution { background: #E65100; color: #FFCC80; padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: 600; }
.badge-danger { background: #B71C1C; color: #EF9A9A; padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: 600; }

/* Responsive */
@media (max-width: 768px) {
    h1 { font-size: 28px !important; }
}

@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; }
}

@media print {
    header, footer { border: 1px solid #999; }
}