fix(design-preview): палитра MikrotikManager v2 для макета Auth Portal

Co-Authored-By: Claude Sonnet 5.5 <[email protected]>

apps/web/src/design-preview/design-preview.css

@@ -10,13 +10,75 @@ html[data-preview-density='compact'] [data-slot='sidebar-inset'] > div:last-chil
   gap: 0.75rem;
 }
 
-html[data-preview-contrast='high'] {
+/* Палитра MikrotikManager v2 (доски Auth Portal): только пока смонтирован макет. */
+html[data-preview-density] {
+  --background: oklch(0.973 0.004 247.858);
+  --foreground: oklch(0.205 0.01 264);
+  --card: oklch(1 0 0);
+  --popover: oklch(1 0 0);
+  --secondary: oklch(0.955 0.005 264);
+  --muted: oklch(0.95 0.006 264);
+  --muted-foreground: oklch(0.44 0.02 264);
+  --accent: oklch(0.93 0.01 264);
+  --border: oklch(0.88 0.008 264);
+  --input: oklch(0.86 0.008 264);
+  --ring: oklch(0.488 0.243 264.376);
+  --sidebar: oklch(0.985 0.003 264);
+  --sidebar-accent: oklch(0.93 0.01 264);
+  --sidebar-border: oklch(0.88 0.008 264);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --destructive-foreground: oklch(0.45 0.2 27);
+  --success: oklch(0.6 0.15 163);
+  --success-foreground: oklch(0.4 0.1 163);
+  --warning: oklch(0.75 0.16 80);
+  --warning-foreground: oklch(0.45 0.1 70);
+  --info: oklch(0.55 0.23 293);
+  --info-foreground: oklch(0.42 0.2 293);
+}
+
+html[data-preview-density].dark {
+  --background: oklch(0.133 0.011 264.376);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.191 0.011 264.376);
+  --popover: oklch(0.191 0.011 264.376);
+  --secondary: oklch(0.252 0.01 264.376);
+  --muted: oklch(0.252 0.01 264.376);
+  --muted-foreground: oklch(0.648 0.008 264.376);
+  --accent: oklch(0.285 0.022 264.376);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.488 0.243 264.376);
+  --sidebar: oklch(0.191 0.011 264.376);
+  --sidebar-accent: oklch(0.262 0.014 264.376);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --success: oklch(0.696 0.17 162.48);
+  --success-foreground: oklch(0.596 0.145 163.225);
+  --warning: oklch(0.795 0.184 86.047);
+  --warning-foreground: oklch(0.681 0.162 75.834);
+  --info: oklch(0.606 0.25 292.717);
+  --info-foreground: oklch(0.541 0.281 293.009);
+}
+
+html[data-preview-density][data-preview-contrast='high'] {
   --border: color-mix(in oklch, var(--foreground) 55%, transparent);
   --input: color-mix(in oklch, var(--foreground) 60%, transparent);
   --muted-foreground: color-mix(in oklch, var(--foreground) 88%, transparent);
   --ring: oklch(0.85 0.17 95);
 }
 
+html[data-preview-density].dark[data-preview-contrast='high'] {
+  --background: oklch(0 0 0);
+  --card: oklch(0.12 0 0);
+  --popover: oklch(0.1 0 0);
+  --muted: oklch(0.22 0 0);
+  --muted-foreground: oklch(0.86 0 0);
+  --border: oklch(1 0 0 / 55%);
+  --input: oklch(1 0 0 / 60%);
+  --ring: oklch(0.85 0.17 95);
+}
+
 /* Шрифты дизайн-системы (Geist / Geist Mono) — только пока смонтирован макет. */
 html[data-preview-density] {
   --font-sans: 'Geist Variable', ui-sans-serif, system-ui, sans-serif;