style: reduce frontend visual effects

lib/chart-theme.ts

@@ -0,0 +1,10 @@
+export const CHART_COLORS = {
+  grid: "hsl(var(--border) / 0.65)",
+  tooltipBorder: "hsl(var(--border) / 0.75)",
+  tooltipBackground: "hsl(var(--surface-raised) / 0.98)",
+  tooltipText: "hsl(var(--foreground))",
+  temperature: "hsl(var(--chart-temperature))",
+  feelsLike: "hsl(var(--chart-feels-like))",
+  rainfall: "hsl(var(--chart-rainfall))",
+  probability: "hsl(var(--chart-probability))",
+} as const;

lib/theme.ts

@@ -0,0 +1,4 @@
+export const APP_THEME_COLORS = {
+  light: "#eef3f7",
+  dark: "#171d25",
+} as const;

lib/weather-utils.ts

@@ -184,13 +184,13 @@ export function getWeatherDescription(station: SynopStation, language: Language
   return translate(language, "weather.calm");
 }
 
-export function moodGradient(mood: WeatherMood) {
+export function moodAccentClass(mood: WeatherMood) {
   return {
-    warm: "from-blue-500 via-blue-700 to-slate-900",
-    cloudy: "from-slate-600 via-slate-700 to-slate-900",
-    wind: "from-slate-500 via-blue-700 to-slate-900",
-    cold: "from-blue-300 via-slate-500 to-slate-800",
-    night: "from-slate-800 via-slate-900 to-slate-950",
-    mild: "from-blue-500 via-slate-700 to-slate-900",
+    warm: "border-accent/25 bg-accent/10 text-accent",
+    cloudy: "border-border/70 bg-surface-muted text-muted",
+    wind: "border-border/70 bg-surface-muted text-muted",
+    cold: "border-border/70 bg-surface-muted text-muted",
+    night: "border-border/70 bg-surface-muted text-muted",
+    mild: "border-accent/25 bg-accent/10 text-accent",
   }[mood];
 }