Styling

Copied Ninos styles with copilot
2026-05-11 13:15:03 +02:00
parent d9ef5746a2
commit 10de47b911
12 changed files with 923 additions and 138 deletions
--- a/frontend/src/styles/_mixins.scss
+++ b/frontend/src/styles/_mixins.scss
@@ -1,8 +1,12 @@
@use "variables" as *;

@mixin card {
-  backgroud: #fff;
-  border-radius: &border-radius;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
+  background: $color-container;
+  border-radius: $border-radius;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: $spacing-md;
+
+  @media (prefers-color-scheme: dark) {
+    background: $color-container-dark;
+  }
 }