sfdsf

modules/boersenchecker/assets/boersenchecker.css

@@ -1,20 +1,20 @@
 .bc-app {
-  --bc-accent: #5eead4;
-  --bc-accent-strong: #79d7ff;
-  --bc-ink: #09111f;
-  --bc-text: rgba(236, 245, 255, 0.96);
-  --bc-muted: rgba(203, 218, 234, 0.78);
-  --bc-line: rgba(148, 163, 184, 0.22);
-  --bc-panel: rgba(15, 23, 42, 0.68);
-  --bc-panel-soft: rgba(15, 23, 42, 0.52);
-  --bc-positive: #86efac;
-  --bc-negative: #fca5a5;
+  --bc-accent: var(--brand-accent);
+  --bc-accent-strong: var(--brand-accent-2);
+  --bc-ink: var(--text);
+  --bc-text: var(--text);
+  --bc-muted: var(--muted);
+  --bc-line: var(--line);
+  --bc-panel: rgba(255, 255, 255, 0.78);
+  --bc-panel-soft: rgba(248, 252, 252, 0.92);
+  --bc-positive: #137333;
+  --bc-negative: #c62828;
   color: var(--bc-text);
 }
 
 .bc-grid-bg {
   position: relative;
-  padding: 8px 0 32px;
+  padding: 0 0 8px;
 }
 
 .bc-grid-bg::before {
@@ -23,8 +23,8 @@
   inset: 0;
   pointer-events: none;
   background:
-    radial-gradient(circle at top right, rgba(94, 234, 212, 0.16), transparent 28%),
-    radial-gradient(circle at bottom left, rgba(121, 215, 255, 0.14), transparent 30%),
+    radial-gradient(circle at top right, color-mix(in srgb, var(--brand-accent-2) 10%, transparent), transparent 28%),
+    radial-gradient(circle at bottom left, color-mix(in srgb, var(--brand-accent-3) 10%, transparent), transparent 30%),
     linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
 }
 
@@ -102,7 +102,7 @@
   border: 1px solid var(--bc-line);
   border-radius: 22px;
   background: var(--bc-panel);
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
+  box-shadow: 0 10px 24px rgba(1, 22, 32, 0.06);
 }
 
 .bc-form-card,
@@ -154,25 +154,25 @@
 }
 
 .bc-button--tab {
-  background: rgba(255, 255, 255, 0.92);
+  background: rgba(255, 255, 255, 0.94);
   color: var(--bc-ink);
   font-weight: 700;
 }
 
 .bc-button--tab-active {
-  background: linear-gradient(135deg, var(--bc-accent-strong), var(--bc-accent));
-  color: var(--bc-ink);
+  background: linear-gradient(135deg, var(--bc-accent), var(--brand-accent-3));
+  color: #fff7fb;
   font-weight: 700;
 }
 
 .bc-button--primary {
-  background: linear-gradient(135deg, var(--bc-accent), var(--bc-accent-strong));
-  color: var(--bc-ink);
+  background: linear-gradient(135deg, var(--bc-accent), var(--brand-accent-3));
+  color: #fff7fb;
   font-weight: 700;
 }
 
 .bc-button--secondary {
-  background: rgba(255, 255, 255, 0.92);
+  background: rgba(255, 255, 255, 0.94);
   color: var(--bc-ink);
   font-weight: 700;
 }
@@ -180,7 +180,7 @@
 .bc-button--ghost {
   background: color-mix(in srgb, var(--bc-accent) 14%, transparent);
   border-color: color-mix(in srgb, var(--bc-accent) 34%, transparent);
-  color: var(--bc-accent-strong);
+  color: var(--bc-accent);
   font-weight: 700;
 }
 
@@ -251,7 +251,7 @@
   stroke-width: 3;
   stroke-linecap: round;
   stroke-linejoin: round;
-  filter: drop-shadow(0 12px 24px rgba(94, 234, 212, 0.22));
+  filter: drop-shadow(0 12px 24px color-mix(in srgb, var(--bc-accent) 18%, transparent));
 }
 
 .bc-chart-area {
@@ -259,7 +259,7 @@
 }
 
 .bc-chart-grid line {
-  stroke: rgba(255,255,255,0.08);
+  stroke: rgba(16, 33, 43, 0.08);
   stroke-dasharray: 4 6;
 }
 
@@ -271,7 +271,7 @@
 
 .bc-range-button {
   border: 1px solid color-mix(in srgb, var(--bc-accent) 26%, transparent);
-  background: color-mix(in srgb, var(--bc-accent) 8%, transparent);
+  background: rgba(255, 255, 255, 0.76);
   color: var(--bc-text);
   padding: 8px 12px;
   border-radius: 999px;
@@ -326,8 +326,8 @@
   width: fit-content;
   padding: 6px 10px;
   border-radius: 999px;
-  background: rgba(255,255,255,0.06);
-  color: var(--bc-muted);
+  background: color-mix(in srgb, var(--bc-accent) 10%, transparent);
+  color: var(--bc-text);
   font-size: .85rem;
 }
 
@@ -366,13 +366,13 @@
   border: 1px solid var(--bc-line);
   border-radius: 14px;
   padding: 10px 12px;
-  background: rgba(2, 6, 23, 0.42);
+  background: var(--surface-strong);
   color: var(--bc-text);
 }
 
 .bc-app input::placeholder,
 .bc-app textarea::placeholder {
-  color: rgba(203, 218, 234, 0.48);
+  color: color-mix(in srgb, var(--bc-muted) 70%, transparent);
 }
 
 .bc-app a {