Update app.py

app.py

@@ -677,16 +677,24 @@ CSS = """
   --g9:#0d2b1e;--g8:#14432e;--g7:#1a5c3f;--g6:#1f7a52;--g5:#25a06b;--g4:#2ec97f;
   --a5:#f5a623;--a4:#d4870e;
   --surface:#ffffff;--surface2:#f4f8f5;--surface3:#e8f3ed;
-  --text:#0d2b1e;--text2:#2d5a3e;--textm:#5a8a6e;
-  --border:#b8d9c5;--borderf:#1f7a52;
-  --shadow:0 2px 8px rgba(13,43,30,.10);--r:12px;--rl:20px;
+  --text-primary:#0d2b1e;--text-secondary:#2d5a3e;--text-muted:#5a8a6e;
+  --border:#b8d9c5;--border-strong:#1f7a52;
+  --shadow:0 2px 8px rgba(13,43,30,.10);--radius:12px;--radius-lg:20px;
+  --header-bg:linear-gradient(135deg,#14432e 0%,#0d2b1e 60%,#0a1f14 100%);
+  --warn-bg:#fffbf0;--warn-border:rgba(245,166,35,.5);
+  --info-bg:#f0faf4;--info-border:#1f7a52;
 }
 @media(prefers-color-scheme:dark){
   :root{
-    --g4:#5de3a3;--g5:#3dcf8a;--g6:#30aa72;--a4:#f5a623;--a5:#f7bc57;
+    --g9:#d0f0df;--g8:#1e6644;--g7:#28885a;--g6:#30aa72;--g5:#3dcf8a;--g4:#5de3a3;
+    --a5:#f7bc57;--a4:#f5a623;
     --surface:#0f1f16;--surface2:#162b1e;--surface3:#1c3828;
-    --text:#d0f0df;--text2:#8fcfae;--textm:#5a9a78;
-    --border:#2a5c3e;--borderf:#30aa72;--shadow:0 2px 12px rgba(0,0,0,.4);
+    --text-primary:#d0f0df;--text-secondary:#8fcfae;--text-muted:#5a9a78;
+    --border:#2a5c3e;--border-strong:#30aa72;
+    --shadow:0 2px 12px rgba(0,0,0,.4);
+    --header-bg:linear-gradient(135deg,#0a1f14 0%,#071510 60%,#050f0a 100%);
+    --warn-bg:#1e1800;--warn-border:rgba(247,188,87,.4);
+    --info-bg:#0e1f16;--info-border:#30aa72;
   }
 }
 *,*::before,*::after{box-sizing:border-box}