npm - strapi-plugin-magic-link-v5 - Versions diffs - 5.3.15 → 5.3.17 - Mend

strapi-plugin-magic-link-v5 5.3.15 → 5.3.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/_chunks/{index-CKoXVEln.mjs → index-CElXiYhz.mjs} RENAMED Viewed

@@ -5,7 +5,7 @@ import { useIntl } from "react-intl";
 import { Box, Typography, Flex, Button, Accordion, SingleSelect, SingleSelectOption, Grid, Switch, NumberInput, TextInput, Divider, Textarea, Badge } from "@strapi/design-system";
 import { Check, Cog, Lightning, Shield, Mail, CheckCircle, Code, Link, Lock, Key } from "@strapi/icons";
 import { useNotification, useFetchClient } from "@strapi/strapi/admin";
-import { g as getTrad } from "./index-Df4P6nwt.mjs";
+import { g as getTrad } from "./index-BgpjdW58.mjs";
 import { u as usePluginLanguage, L as LicenseGuard, a as LanguageProvider } from "./LicenseGuard-B_r3b1Vh.mjs";
 const EMAIL_TEMPLATES = {
   modern: {
@@ -436,13 +436,6 @@ const getTemplate = (key) => {
   return EMAIL_TEMPLATES[key] || EMAIL_TEMPLATES.modern;
 };
 const theme = {
-  colors: {
-    primary: { 600: "#0284C7", 700: "#075985", 100: "#E0F2FE" },
-    success: { 600: "#16A34A", 700: "#15803D" },
-    danger: { 600: "#DC2626", 700: "#B91C1C" },
-    warning: { 600: "#D97706", 700: "#A16207" },
-    neutral: { 400: "#9CA3AF", 700: "#374151", 800: "#1F2937" }
-  },
   shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
   borderRadius: { md: "8px", lg: "12px" }
 };
@@ -469,7 +462,7 @@ const PlaceholderTile = styled(Box)`
   &:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 16px rgba(2, 132, 199, 0.15);
-    border-color: #0ea5e9;
+    border-color: rgba(14, 165, 233, 0.6);
   }
   &:active {
@@ -513,7 +506,7 @@ const ToggleCard = styled(Box)`
       position: absolute;
       top: 8px;
       right: 8px;
-      background: ${theme.colors.success[600]};
+      background: #16A34A;
       color: white;
       padding: 2px 8px;
       border-radius: 4px;
@@ -575,7 +568,6 @@ const StickySaveBar = styled(Box)`
   position: sticky;
   top: 0;
   z-index: 10;
-  background: var(--colors-neutral0, white);
   border-bottom: 1px solid rgba(128, 128, 128, 0.2);
   box-shadow: ${theme.shadows.sm};
 `;
@@ -592,7 +584,7 @@ const IconWrapper = styled.div`
   svg {
     width: 24px;
     height: 24px;
-    color: ${(props) => props.$iconColor || theme.colors.primary[600]};
+    color: ${(props) => props.$iconColor || "var(--colors-primary600, #0284C7)"};
   }
 `;
 const SettingsModern = () => {
@@ -941,10 +933,10 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
   const statusActive = formatMessage({ id: getTrad("status.active") });
   const statusInactive = formatMessage({ id: getTrad("status.inactive") });
   return /* @__PURE__ */ jsxs(Container, { as: "form", onSubmit: handleSave, children: [
-    /* @__PURE__ */ jsx(StickySaveBar, { paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(StickySaveBar, { background: "neutral0", paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
       /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", style: { fontSize: "24px" }, children: formatMessage({ id: getTrad("settings.page.title") }) }),
-        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: getTrad("settings.page.subtitle") }) })
+        /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", textColor: "neutral800", tag: "h1", style: { fontSize: "24px" }, children: formatMessage({ id: getTrad("settings.page.title") }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: formatMessage({ id: getTrad("settings.page.subtitle") }) })
       ] }),
       /* @__PURE__ */ jsx(
         Button,
@@ -981,9 +973,8 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
       /* @__PURE__ */ jsx(
         Box,
         {
-          background: "primary50",
           padding: 5,
-          style: { borderRadius: theme.borderRadius.lg, border: "2px solid #BAE6FD", marginBottom: "24px" },
+          style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(2, 132, 199, 0.3)", marginBottom: "24px", background: "rgba(2, 132, 199, 0.06)" },
           children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
             /* @__PURE__ */ jsx(
               Box,
@@ -992,7 +983,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                   width: "40px",
                   height: "40px",
                   borderRadius: "50%",
-                  background: theme.colors.primary[600],
+                  background: "var(--colors-primary600, #0284C7)",
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
@@ -1002,8 +993,8 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
               }
             ),
             /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "4px", display: "block" }, children: formatMessage({ id: getTrad("settings.info.header") }) }),
-              /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { lineHeight: "1.6", fontSize: "13px" }, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", style: { fontSize: "14px", marginBottom: "4px", display: "block" }, children: formatMessage({ id: getTrad("settings.info.header") }) }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", style: { lineHeight: "1.6", fontSize: "13px" }, children: [
                 "• ",
                 formatMessage({ id: getTrad("settings.info.line1") }),
                 /* @__PURE__ */ jsx("br", {}),
@@ -1051,7 +1042,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
               /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", flex: 1 }, children: formatMessage({ id: getTrad("settings.language.hint") }) })
             ] }) }),
             /* @__PURE__ */ jsxs(Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "24px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.features.title") }) }),
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.features.title") }) }),
               /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: formatMessage({ id: getTrad("settings.features.subtitle") }) }),
               /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
                 /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 6, xs: 12, children: /* @__PURE__ */ jsx(ToggleCard, { $active: settings.enabled, $statusLabel: settings.enabled ? statusActive : statusInactive, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
@@ -1095,7 +1086,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                 ] }) }) })
               ] })
             ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.time.title") }) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.time.title") }) }),
             /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
               /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
                 /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: getTrad("settings.expire.label") }) }),
@@ -1124,7 +1115,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                 /* @__PURE__ */ jsx(Box, { padding: 2, background: "success50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "success700", style: { fontSize: "11px" }, children: formatMessage({ id: getTrad("settings.tokenLength.recommendation") }, { length: settings.token_length }) }) })
               ] }) })
             ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.security.title") }) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.security.title") }) }),
             /* @__PURE__ */ jsx(Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
               /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: getTrad("settings.maxAttempts.label") }) }),
               /* @__PURE__ */ jsx(
@@ -1138,7 +1129,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
               ),
               /* @__PURE__ */ jsx(Box, { padding: 2, background: "warning50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "warning700", style: { fontSize: "11px" }, children: formatMessage({ id: getTrad("settings.maxAttempts.warning") }) }) })
             ] }) }) }),
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.context.title") }) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.context.title") }) }),
             /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
               /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
                 /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: getTrad("settings.context.whitelist.label") }) }),
@@ -1181,7 +1172,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                 /* @__PURE__ */ jsx(Box, { padding: 2, background: "danger50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger700", style: { fontSize: "11px" }, children: formatMessage({ id: getTrad("settings.context.blacklist.info") }) }) })
               ] }) })
             ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.api.title") }) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.api.title") }) }),
             /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, children: [
               /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
                 /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: getTrad("settings.loginPath.label") }) }),
@@ -1267,7 +1258,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
             }
           ) }),
           /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsx(Box, { padding: 6, children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
-            /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(Box, { background: "success50", padding: 4, style: { borderRadius: "8px", border: "2px solid #22C55E", marginBottom: "16px" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
+            /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(Box, { background: "success50", padding: 4, style: { borderRadius: "8px", border: "2px solid rgba(34, 197, 94, 0.4)", marginBottom: "16px" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
               /* @__PURE__ */ jsx(Lightning, { style: { color: "#22C55E", width: "24px", height: "24px", flexShrink: 0, marginTop: "2px" } }),
               /* @__PURE__ */ jsxs(Box, { children: [
                 /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "4px" }, children: "WhatsApp Magic Link Delivery" }),
@@ -1330,7 +1321,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
           ) }),
           /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
             /* @__PURE__ */ jsxs(Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "24px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.auth.options.title") }) }),
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.auth.options.title") }) }),
               /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: formatMessage({ id: getTrad("settings.auth.options.subtitle") }) }),
               /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
                 /* @__PURE__ */ jsx(Grid.Item, { col: 3, s: 6, xs: 12, children: /* @__PURE__ */ jsx(ToggleCard, { $active: settings.verify_email, $statusLabel: settings.verify_email ? statusActive : statusInactive, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
@@ -1391,7 +1382,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                 ] }) }) })
               ] })
             ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.auth.management.title") }) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.auth.management.title") }) }),
             /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, children: [
               /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
                 /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: getTrad("settings.auth.strategy.label") }) }),
@@ -1445,22 +1436,22 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                 style: {
                   borderRadius: theme.borderRadius.md,
                   marginBottom: "32px",
-                  border: "2px solid #fca5a5",
+                  border: "2px solid rgba(239, 68, 68, 0.4)",
                   boxShadow: "0 4px 12px rgba(220, 38, 38, 0.15)"
                 },
                 children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
                   /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
-                    /* @__PURE__ */ jsx(Mail, { style: { color: theme.colors.danger[600], width: "24px", height: "24px" } }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { color: theme.colors.danger[700] }, children: "⚠️ No Email Provider Configured" })
+                    /* @__PURE__ */ jsx(Mail, { style: { color: "var(--colors-danger600, #DC2626)", width: "24px", height: "24px" } }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { color: "var(--colors-danger600, #B91C1C)" }, children: "⚠️ No Email Provider Configured" })
                   ] }),
-                  /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "13px", color: theme.colors.danger[700], lineHeight: "1.6" }, children: [
+                  /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "13px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.6" }, children: [
                     /* @__PURE__ */ jsx("strong", { children: "Magic Link cannot send emails!" }),
                     " You need to configure an email provider for the plugin to work."
                   ] }),
-                  /* @__PURE__ */ jsx(Divider, { style: { backgroundColor: theme.colors.danger[300] } }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "semiBold", style: { fontSize: "13px", color: theme.colors.danger[800], marginBottom: "8px" }, children: "📋 Choose one of these options:" }),
+                  /* @__PURE__ */ jsx(Divider, { style: { backgroundColor: "rgba(220, 38, 38, 0.3)" } }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "semiBold", style: { fontSize: "13px", color: "var(--colors-danger600, #991B1B)", marginBottom: "8px" }, children: "📋 Choose one of these options:" }),
                   /* @__PURE__ */ jsxs(Box, { paddingLeft: 3, children: [
-                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.danger[700], lineHeight: "1.8" }, children: [
+                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.8" }, children: [
                       /* @__PURE__ */ jsx("strong", { children: "1. Install Nodemailer (Recommended)" }),
                       /* @__PURE__ */ jsx("br", {}),
                       /* @__PURE__ */ jsx("code", { style: {
@@ -1474,12 +1465,12 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                       "Then configure in ",
                       /* @__PURE__ */ jsx("code", { children: "config/plugins.js" })
                     ] }),
-                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.danger[700], lineHeight: "1.8", marginTop: "12px", display: "block" }, children: [
+                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.8", marginTop: "12px", display: "block" }, children: [
                       /* @__PURE__ */ jsx("strong", { children: "2. Install MagicMail Plugin" }),
                       /* @__PURE__ */ jsx("br", {}),
                       "Advanced email routing with OAuth2, multi-account support, and analytics"
                     ] }),
-                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.danger[700], lineHeight: "1.8", marginTop: "12px", display: "block" }, children: [
+                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.8", marginTop: "12px", display: "block" }, children: [
                       /* @__PURE__ */ jsx("strong", { children: "3. Use other providers" }),
                       /* @__PURE__ */ jsx("br", {}),
                       "SendGrid, Mailgun, Amazon SES, or any Strapi email provider"
@@ -1493,14 +1484,14 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
               {
                 background: "success100",
                 padding: 4,
-                style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "2px solid #86efac" },
+                style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "2px solid rgba(34, 197, 94, 0.4)" },
                 children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
-                  /* @__PURE__ */ jsx(Check, { style: { color: theme.colors.success[600] } }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "semiBold", style: { color: theme.colors.success[700] }, children: magicMailInstalled ? "✅ Email Provider: MagicMail (Advanced Routing)" : `✅ Email Provider: ${emailProviderName || "Configured"}` })
+                  /* @__PURE__ */ jsx(Check, { style: { color: "var(--colors-success600, #16A34A)" } }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "semiBold", style: { color: "var(--colors-success600, #15803D)" }, children: magicMailInstalled ? "✅ Email Provider: MagicMail (Advanced Routing)" : `✅ Email Provider: ${emailProviderName || "Configured"}` })
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.email.sender.title") }) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.email.sender.title") }) }),
             /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: formatMessage({ id: getTrad("settings.email.sender.subtitle") }) }),
             /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
               /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
@@ -1563,28 +1554,27 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
               /* @__PURE__ */ jsxs(
                 Box,
                 {
-                  background: "neutral0",
                   padding: 5,
                   style: {
                     borderRadius: theme.borderRadius.lg,
-                    border: "2px solid #10b981",
+                    border: "2px solid rgba(16, 185, 129, 0.4)",
                     marginBottom: "24px",
-                    background: "linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%)"
+                    background: "rgba(16, 185, 129, 0.06)"
                   },
                   children: [
                     /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, style: { marginBottom: "12px" }, children: [
-                      /* @__PURE__ */ jsx(Check, { width: "24px", height: "24px", style: { color: "#059669" } }),
-                      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { color: "#065F46" }, children: "📧 Email Designer Integration" }),
+                      /* @__PURE__ */ jsx(Check, { width: "24px", height: "24px", style: { color: "#10b981" } }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", textColor: "success600", children: "Email Designer Integration" }),
                       /* @__PURE__ */ jsx(Badge, { style: { backgroundColor: "#10b981", color: "white" }, children: "Active" })
                     ] }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { color: "#047857", fontSize: "13px" }, children: "Use your beautiful Email Designer 5 templates for Magic Link emails!" })
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "success600", style: { fontSize: "13px" }, children: "Use your beautiful Email Designer 5 templates for Magic Link emails!" })
                   ]
                 }
               ),
               /* @__PURE__ */ jsx(
                 Box,
                 {
-                  background: "white",
+                  background: "neutral0",
                   padding: 5,
                   style: {
                     borderRadius: theme.borderRadius.lg,
@@ -1615,7 +1605,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                           background: "primary50",
                           style: {
                             borderRadius: "8px",
-                            border: "2px solid #BAE6FD",
+                            border: "2px solid rgba(14, 165, 233, 0.3)",
                             marginBottom: "16px"
                           },
                           children: /* @__PURE__ */ jsx(
@@ -1644,8 +1634,8 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                         {
                           background: "success100",
                           padding: 3,
-                          style: { borderRadius: "6px", border: "1px solid #86efac" },
-                          children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.success[700] }, children: [
+                          style: { borderRadius: "6px", border: "1px solid rgba(34, 197, 94, 0.4)" },
+                          children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-success600, #15803D)" }, children: [
                             "✨ ",
                             emailTemplates.length,
                             " template",
@@ -1658,8 +1648,8 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                         {
                           background: "warning100",
                           padding: 3,
-                          style: { borderRadius: "6px", border: "1px solid #fcd34d" },
-                          children: /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.warning[700] }, children: "⚠️ No templates found. Create one in Email Designer 5 first!" })
+                          style: { borderRadius: "6px", border: "1px solid rgba(234, 179, 8, 0.4)" },
+                          children: /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-warning600, #A16207)" }, children: "⚠️ No templates found. Create one in Email Designer 5 first!" })
                         }
                       )
                     ] })
@@ -1671,8 +1661,8 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                 {
                   background: "warning100",
                   padding: 3,
-                  style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "1px solid #fcd34d" },
-                  children: /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.warning[700] }, children: formatMessage({ id: getTrad("settings.email.designer.variables") }) })
+                  style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "1px solid rgba(234, 179, 8, 0.4)" },
+                  children: /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-warning600, #A16207)" }, children: formatMessage({ id: getTrad("settings.email.designer.variables") }) })
                 }
               )
             ] }),
@@ -1725,7 +1715,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
               /* @__PURE__ */ jsx(
                 Box,
                 {
-                  background: "white",
+                  background: "neutral0",
                   padding: 5,
                   style: {
                     borderRadius: theme.borderRadius.lg,
@@ -1752,7 +1742,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                           style: {
                             borderRadius: "12px",
                             border: "2px solid rgba(139, 92, 246, 0.3)",
-                            background: "linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%)",
+                            background: "rgba(124, 58, 237, 0.06)",
                             marginBottom: "16px"
                           },
                           children: [
@@ -1765,7 +1755,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                                 alignItems: "center",
                                 justifyContent: "center"
                               }, children: /* @__PURE__ */ jsx(Mail, { width: "16px", height: "16px", style: { color: "white" } }) }),
-                              /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "15px", color: "#5B21B6" }, children: "Select Email Template" })
+                              /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "15px", color: "var(--colors-neutral800, #5B21B6)" }, children: "Select Email Template" })
                             ] }),
                             /* @__PURE__ */ jsx(
                               SingleSelect,
@@ -1787,7 +1777,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                                 ] }, template.id))
                               }
                             ),
-                            /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { fontSize: "12px", color: "#7C3AED", marginTop: "12px", display: "block" }, children: "💡 Templates are managed in your MagicMail settings" })
+                            /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral500", style: { fontSize: "12px", marginTop: "12px", display: "block" }, children: "💡 Templates are managed in your MagicMail settings" })
                           ]
                         }
                       )
@@ -1800,10 +1790,10 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                 {
                   background: "warning100",
                   padding: 3,
-                  style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "1px solid #fcd34d" },
+                  style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "1px solid rgba(234, 179, 8, 0.4)" },
                   children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsx(CheckCircle, { width: "14px", height: "14px", style: { color: theme.colors.warning[700], flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.warning[700] }, children: [
+                    /* @__PURE__ */ jsx(CheckCircle, { width: "14px", height: "14px", style: { color: "var(--colors-warning600, #A16207)", flexShrink: 0, marginTop: "2px" } }),
+                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-warning600, #A16207)" }, children: [
                       /* @__PURE__ */ jsx("strong", { children: "Tip:" }),
                       " MagicMail will use your configured email accounts and routing rules. Make sure you have at least one active account configured in MagicMail settings."
                     ] })
@@ -1812,9 +1802,9 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
               )
             ] }),
             /* @__PURE__ */ jsx(Divider, { style: { marginBottom: "24px" } }),
-            /* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: [
+            /* @__PURE__ */ jsxs(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: [
               formatMessage({ id: getTrad("settings.email.templates.title") }),
-              emailDesignerInstalled && settings.use_email_designer && /* @__PURE__ */ jsx(Badge, { style: { marginLeft: "8px", backgroundColor: theme.colors.neutral[400] }, children: formatMessage({ id: getTrad("settings.email.designer.fallbackBadge") }) })
+              emailDesignerInstalled && settings.use_email_designer && /* @__PURE__ */ jsx(Badge, { style: { marginLeft: "8px", backgroundColor: "rgba(128, 128, 128, 0.3)" }, children: formatMessage({ id: getTrad("settings.email.designer.fallbackBadge") }) })
             ] }),
             /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: emailDesignerInstalled && settings.use_email_designer ? formatMessage({ id: getTrad("settings.email.designer.fallbackDescription") }) : formatMessage({ id: getTrad("settings.email.templates.subtitle") }) }),
             /* @__PURE__ */ jsxs(
@@ -1822,10 +1812,10 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
               {
                 background: "primary100",
                 padding: 3,
-                style: { borderRadius: theme.borderRadius.md, marginBottom: "16px", border: "2px solid #BAE6FD" },
+                style: { borderRadius: theme.borderRadius.md, marginBottom: "16px", border: "2px solid rgba(14, 165, 233, 0.3)" },
                 children: [
                   /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "12px" }, children: [
-                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", style: { color: theme.colors.primary[700], fontSize: "13px" }, children: [
+                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", fontWeight: "bold", style: { color: "var(--colors-primary600, #075985)", fontSize: "13px" }, children: [
                       "📋 ",
                       formatMessage({ id: getTrad("settings.email.placeholders.title") })
                     ] }),
@@ -1846,7 +1836,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                           /* @__PURE__ */ jsx(Typography, { variant: "pi", style: {
                             fontFamily: "monospace",
                             fontSize: "13px",
-                            color: theme.colors.primary[700],
+                            color: "var(--colors-primary600, #075985)",
                             fontWeight: "bold",
                             wordBreak: "break-all"
                           }, children: placeholder.code }),
@@ -1867,11 +1857,11 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                 {
                   background: "neutral0",
                   padding: 5,
-                  style: { borderRadius: theme.borderRadius.lg, border: "2px solid #0EA5E9", marginBottom: "24px", background: "rgba(14, 165, 233, 0.06)" },
+                  style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(14, 165, 233, 0.4)", marginBottom: "24px", background: "rgba(14, 165, 233, 0.06)" },
                   children: [
                     /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, style: { marginBottom: "12px" }, children: [
                       /* @__PURE__ */ jsx(Mail, { width: "20px", height: "20px", style: { color: "#0EA5E9" } }),
-                      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { color: "#0369A1" }, children: "🎨 Email Template Gallery" }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { color: "var(--colors-primary600, #0369A1)" }, children: "Email Template Gallery" }),
                       /* @__PURE__ */ jsx(Badge, { style: { backgroundColor: "#0EA5E9", color: "white" }, children: "New" })
                     ] }),
                     /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "16px", fontSize: "13px" }, children: "Choose from our professionally designed templates. Click to instantly load a beautiful template!" }),
@@ -1890,7 +1880,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
                             {
                               role: "button",
                               tabIndex: 0,
-                              background: "white",
+                              background: "neutral0",
                               style: {
                                 borderRadius: "10px",
                                 border: `2px solid ${isActive ? "rgba(2, 132, 199, 0.6)" : "rgba(128, 128, 128, 0.2)"}`,
@@ -2130,7 +2120,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                             border: "2px solid rgba(128, 128, 128, 0.2)",
                             borderRadius: "6px",
                             overflow: "hidden",
-                            background: "#f5f5f5",
+                            background: "var(--colors-neutral100, #f5f5f5)",
                             height: "500px",
                             display: "flex",
                             flexDirection: "column"
@@ -2155,8 +2145,8 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                                   height: "100%",
                                   fontSize: "14px",
                                   lineHeight: "1.8",
-                                  background: "#f5f5f5",
-                                  color: "#1f2937",
+                                  background: "var(--colors-neutral100, #f5f5f5)",
+                                  color: "var(--colors-neutral800, #1f2937)",
                                   border: "none",
                                   padding: "20px",
                                   resize: "none",
@@ -2202,7 +2192,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
             }
           ) }),
           /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.advanced.title") }) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.advanced.title") }) }),
             /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: formatMessage({ id: getTrad("settings.advanced.subtitle") }) }),
             /* @__PURE__ */ jsx(Grid.Root, { gap: 6, children: /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(ToggleCard, { $active: settings.allow_magic_links_on_public_registration, $statusLabel: settings.allow_magic_links_on_public_registration ? statusActive : statusInactive, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
               /* @__PURE__ */ jsx(Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsx(
@@ -2265,7 +2255,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                 ]
               }
             ),
-            /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[800] }, children: "Choose Authentication Mode" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral800)" }, children: "Choose Authentication Mode" }),
             /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, style: { marginBottom: "24px" }, children: [
               /* @__PURE__ */ jsx(Grid.Item, { col: 4, s: 12, style: { display: "flex" }, children: /* @__PURE__ */ jsxs(
                 ToggleCard,
@@ -2279,11 +2269,11 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                   },
                   style: { cursor: "pointer", minHeight: "160px", width: "100%", display: "flex", flexDirection: "column", justifyContent: "space-between" },
                   children: [
-                    /* @__PURE__ */ jsx(IconWrapper, { $bgColor: theme.colors.primary[100], $iconColor: theme.colors.primary[600], children: /* @__PURE__ */ jsx(Link, {}) }),
+                    /* @__PURE__ */ jsx(IconWrapper, { $bgColor: "rgba(2, 132, 199, 0.12)", $iconColor: "var(--colors-primary600, #0284C7)", children: /* @__PURE__ */ jsx(Link, {}) }),
                     /* @__PURE__ */ jsxs(Box, { children: [
                       /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Magic Link Only" }),
                       /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginBottom: "12px" }, children: "Ein-Klick-Login per E-Mail. Schnell und benutzerfreundlich." }),
-                      /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "10px", color: theme.colors.primary[600], display: "block", marginBottom: "8px" }, children: [
+                      /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "10px", color: "var(--colors-primary600, #0284C7)", display: "block", marginBottom: "8px" }, children: [
                         "✓ Keine Passwörter",
                         /* @__PURE__ */ jsx("br", {}),
                         "✓ Schneller Login",
@@ -2293,7 +2283,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                     ] }),
                     /* @__PURE__ */ jsx(Badge, { style: {
                       marginTop: "8px",
-                      backgroundColor: theme.colors.primary[600],
+                      backgroundColor: "var(--colors-primary600, #0284C7)",
                       color: "white",
                       fontWeight: "600",
                       fontSize: "11px",
@@ -2547,18 +2537,18 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                   style: {
                     borderRadius: theme.borderRadius.md,
                     marginBottom: "24px",
-                    border: "1px solid #BFDBFE"
+                    border: "1px solid rgba(14, 165, 233, 0.3)"
                   },
                   children: [
                     /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, style: { marginBottom: "8px" }, children: [
-                      /* @__PURE__ */ jsx(Mail, { width: "18px", height: "18px", style: { color: theme.colors.primary[700] } }),
-                      /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { color: theme.colors.primary[700] }, children: "Email OTP Einstellungen" })
+                      /* @__PURE__ */ jsx(Mail, { width: "18px", height: "18px", style: { color: "var(--colors-primary600, #075985)" } }),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { color: "var(--colors-primary600, #075985)" }, children: "Email OTP Einstellungen" })
                     ] }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.primary[700], lineHeight: "1.6" }, children: "Konfiguriere hier, wie der OTP-Code per E-Mail verschickt wird. Benutzer erhalten nach dem Klick auf den Magic Link einen zusätzlichen Verifikationscode per E-Mail." })
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-primary600, #075985)", lineHeight: "1.6" }, children: "Konfiguriere hier, wie der OTP-Code per E-Mail verschickt wird. Benutzer erhalten nach dem Klick auf den Magic Link einen zusätzlichen Verifikationscode per E-Mail." })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: "Code-Einstellungen" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: "Code-Einstellungen" }),
               /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, style: { marginBottom: "24px" }, children: [
                 /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
                   /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "📧 Versandmethode" }),
@@ -2635,12 +2625,12 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                 {
                   background: "success100",
                   padding: 4,
-                  style: { borderRadius: theme.borderRadius.md, border: "1px solid #BBF7D0", marginBottom: "24px" },
+                  style: { borderRadius: theme.borderRadius.md, border: "1px solid rgba(34, 197, 94, 0.3)", marginBottom: "24px" },
                   children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", style: { marginBottom: "12px" }, children: [
-                    /* @__PURE__ */ jsx(CheckCircle, { width: "16px", height: "16px", style: { color: theme.colors.success[700], flexShrink: 0, marginTop: "2px" } }),
+                    /* @__PURE__ */ jsx(CheckCircle, { width: "16px", height: "16px", style: { color: "var(--colors-success600, #15803D)", flexShrink: 0, marginTop: "2px" } }),
                     /* @__PURE__ */ jsxs(Box, { children: [
-                      /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "13px", color: theme.colors.success[700], marginBottom: "6px", display: "block" }, children: "So funktioniert's:" }),
-                      /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.success[700], lineHeight: "1.6" }, children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "13px", color: "var(--colors-success600, #15803D)", marginBottom: "6px", display: "block" }, children: "So funktioniert's:" }),
+                      /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-success600, #15803D)", lineHeight: "1.6" }, children: [
                         "1. Benutzer klickt auf Magic Link in der E-Mail",
                         /* @__PURE__ */ jsx("br", {}),
                         "2. Wird zu OTP-Verifikationsseite weitergeleitet",
@@ -2675,8 +2665,8 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                 ] }),
                 /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginBottom: "12px" }, children: "Allow users to login with Email + TOTP code directly, without waiting for magic link email." }),
                 /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", children: [
-                  /* @__PURE__ */ jsx(Lightning, { width: "14px", height: "14px", style: { color: theme.colors.warning[700], flexShrink: 0, marginTop: "2px" } }),
-                  /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "11px", color: theme.colors.warning[700] }, children: [
+                  /* @__PURE__ */ jsx(Lightning, { width: "14px", height: "14px", style: { color: "var(--colors-warning600, #A16207)", flexShrink: 0, marginTop: "2px" } }),
+                  /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "11px", color: "var(--colors-warning600, #A16207)" }, children: [
                     /* @__PURE__ */ jsx("strong", { children: "Fast login:" }),
                     " Users open authenticator app, enter code → instant login (no email needed)"
                   ] })
@@ -2697,7 +2687,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
             ] }) }),
             (settings.mfa_require_totp || settings.totp_as_primary_auth) && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Divider, { style: { marginBottom: "24px" } }),
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: "TOTP Configuration" }),
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: "TOTP Configuration" }),
               /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, children: [
                 /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
                   /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Issuer Name" }),
@@ -2743,10 +2733,10 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                 {
                   background: "success100",
                   padding: 4,
-                  style: { borderRadius: theme.borderRadius.md, border: "1px solid #BBF7D0", marginTop: "16px" },
+                  style: { borderRadius: theme.borderRadius.md, border: "1px solid rgba(34, 197, 94, 0.3)", marginTop: "16px" },
                   children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsx(Key, { width: "14px", height: "14px", style: { color: theme.colors.success[700], flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.success[700] }, children: [
+                    /* @__PURE__ */ jsx(Key, { width: "14px", height: "14px", style: { color: "var(--colors-success600, #15803D)", flexShrink: 0, marginTop: "2px" } }),
+                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-success600, #15803D)" }, children: [
                       /* @__PURE__ */ jsx("strong", { children: "How it works:" }),
                       " Users scan QR code with Google Authenticator, Authy, or any TOTP app. They'll get a new 6-digit code every 30 seconds."
                     ] })
@@ -2760,27 +2750,27 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
               {
                 background: "primary100",
                 padding: 4,
-                style: { borderRadius: theme.borderRadius.md, border: "2px solid #BFDBFE" },
+                style: { borderRadius: theme.borderRadius.md, border: "2px solid rgba(14, 165, 233, 0.3)" },
                 children: [
                   /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", style: { marginBottom: "8px" }, children: [
-                    /* @__PURE__ */ jsx(CheckCircle, { width: "16px", height: "16px", style: { color: theme.colors.primary[700] } }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { color: theme.colors.primary[700] }, children: "Current Configuration:" })
+                    /* @__PURE__ */ jsx(CheckCircle, { width: "16px", height: "16px", style: { color: "var(--colors-primary600, #075985)" } }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { color: "var(--colors-primary600, #075985)" }, children: "Current Configuration:" })
                   ] }),
                   !settings.otp_enabled && !settings.mfa_require_totp && !settings.totp_as_primary_auth && /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsx(Link, { width: "14px", height: "14px", style: { color: theme.colors.neutral[700], flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.neutral[700] }, children: "Users login with Magic Link only (one-click email login)" })
+                    /* @__PURE__ */ jsx(Link, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "Users login with Magic Link only (one-click email login)" })
                   ] }),
                   settings.otp_enabled && !settings.mfa_require_totp && /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsx(Mail, { width: "14px", height: "14px", style: { color: theme.colors.neutral[700], flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.neutral[700] }, children: "Users click Magic Link → Enter 6-digit code from email" })
+                    /* @__PURE__ */ jsx(Mail, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "Users click Magic Link → Enter 6-digit code from email" })
                   ] }),
                   settings.mfa_require_totp && /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", children: [
-                    /* @__PURE__ */ jsx(Lock, { width: "14px", height: "14px", style: { color: theme.colors.neutral[700], flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.neutral[700] }, children: "Users click Magic Link → Enter code from authenticator app (MFA)" })
+                    /* @__PURE__ */ jsx(Lock, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "Users click Magic Link → Enter code from authenticator app (MFA)" })
                   ] }),
                   settings.totp_as_primary_auth && /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", style: { marginTop: settings.mfa_require_totp ? "8px" : "0" }, children: [
-                    /* @__PURE__ */ jsx(Lightning, { width: "14px", height: "14px", style: { color: theme.colors.neutral[700], flexShrink: 0, marginTop: "2px" } }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.neutral[700] }, children: "+ TOTP-only login enabled (users can skip email and login with code directly)" })
+                    /* @__PURE__ */ jsx(Lightning, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "+ TOTP-only login enabled (users can skip email and login with code directly)" })
                   ] })
                 ]
               }
@@ -2798,7 +2788,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
           ) }),
           /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
             /* @__PURE__ */ jsxs(Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "24px" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.rateLimit.title") }) }),
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.rateLimit.title") }) }),
               /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: formatMessage({ id: getTrad("settings.rateLimit.subtitle") }) }),
               /* @__PURE__ */ jsx(Grid.Root, { gap: 4, children: /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(ToggleCard, { $active: settings.rate_limit_enabled, $statusLabel: settings.rate_limit_enabled ? statusActive : statusInactive, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
                 /* @__PURE__ */ jsx(Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsx(
@@ -2815,7 +2805,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                 ] })
               ] }) }) }) })
             ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.rateLimit.config.title") }) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.rateLimit.config.title") }) }),
             /* @__PURE__ */ jsxs(Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
               /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
                 /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: getTrad("settings.rateLimit.maxAttempts.label") }) }),
@@ -2848,22 +2838,22 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
             ] }),
             rateLimitStats && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Divider, { style: { marginBottom: "24px" } }),
-              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.rateLimit.stats.title") }) }),
+              /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.rateLimit.stats.title") }) }),
               /* @__PURE__ */ jsxs(Flex, { gap: 4, wrap: "wrap", justifyContent: "center", style: { marginBottom: "24px" }, children: [
                 /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { color: theme.colors.primary[600], fontWeight: "700" }, children: rateLimitStats.totalEntries || 0 }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { color: "var(--colors-primary600, #0284C7)", fontWeight: "700" }, children: rateLimitStats.totalEntries || 0 }),
                   /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: getTrad("settings.rateLimit.stats.total") }) })
                 ] }),
                 /* @__PURE__ */ jsxs(Box, { padding: 4, background: "danger100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { color: theme.colors.danger[600], fontWeight: "700" }, children: rateLimitStats.blocked || 0 }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { color: "var(--colors-danger600, #DC2626)", fontWeight: "700" }, children: rateLimitStats.blocked || 0 }),
                   /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: getTrad("settings.rateLimit.stats.blocked") }) })
                 ] }),
                 /* @__PURE__ */ jsxs(Box, { padding: 4, background: "primary100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { color: theme.colors.primary[600], fontWeight: "700" }, children: rateLimitStats.ipLimits || 0 }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { color: "var(--colors-primary600, #0284C7)", fontWeight: "700" }, children: rateLimitStats.ipLimits || 0 }),
                   /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: getTrad("settings.rateLimit.stats.ipLimits") }) })
                 ] }),
                 /* @__PURE__ */ jsxs(Box, { padding: 4, background: "success100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { color: theme.colors.success[600], fontWeight: "700" }, children: rateLimitStats.emailLimits || 0 }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "beta", style: { color: "var(--colors-success600, #16A34A)", fontWeight: "700" }, children: rateLimitStats.emailLimits || 0 }),
                   /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: getTrad("settings.rateLimit.stats.emailLimits") }) })
                 ] })
               ] }),
@@ -2900,7 +2890,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
             }
           ) }),
           /* @__PURE__ */ jsx(Accordion.Content, { children: /* @__PURE__ */ jsxs(Box, { padding: 6, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: getTrad("settings.compatibility.title") }) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: getTrad("settings.compatibility.title") }) }),
             /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: formatMessage({ id: getTrad("settings.compatibility.subtitle") }) }),
             /* @__PURE__ */ jsx(
               Box,
@@ -2910,10 +2900,10 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                 style: {
                   borderRadius: theme.borderRadius.md,
                   marginBottom: "24px",
-                  border: "2px solid #BAE6FD"
+                  border: "2px solid rgba(14, 165, 233, 0.3)"
                 },
                 children: /* @__PURE__ */ jsxs(Flex, { alignItems: "flex-start", gap: 3, children: [
-                  /* @__PURE__ */ jsx(Link, { width: "20px", height: "20px", style: { color: theme.colors.primary[600], flexShrink: 0, marginTop: "2px" } }),
+                  /* @__PURE__ */ jsx(Link, { width: "20px", height: "20px", style: { color: "var(--colors-primary600, #0284C7)", flexShrink: 0, marginTop: "2px" } }),
                   /* @__PURE__ */ jsxs(Box, { children: [
                     /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "6px", display: "block" }, children: formatMessage({ id: getTrad("settings.compatibility.info.title") }) }),
                     /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.5" }, children: formatMessage({ id: getTrad("settings.compatibility.info.description") }) })
@@ -2943,7 +2933,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                     style: {
                       borderRadius: theme.borderRadius.md,
                       marginTop: "8px",
-                      border: "1px solid #BBF7D0"
+                      border: "1px solid rgba(34, 197, 94, 0.3)"
                     },
                     children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "11px", fontFamily: "monospace" }, children: [
                       "POST /api/passwordless/send-link",
@@ -2974,7 +2964,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                     style: {
                       borderRadius: theme.borderRadius.md,
                       marginTop: "8px",
-                      border: "1px solid #BBF7D0"
+                      border: "1px solid rgba(34, 197, 94, 0.3)"
                     },
                     children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "11px" }, children: [
                       "✓ Email Designer 5 Integration",
@@ -2993,10 +2983,10 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
                 style: {
                   borderRadius: theme.borderRadius.md,
                   marginTop: "24px",
-                  border: "2px solid #FDE68A"
+                  border: "2px solid rgba(234, 179, 8, 0.4)"
                 },
                 children: /* @__PURE__ */ jsxs(Flex, { alignItems: "flex-start", gap: 3, children: [
-                  /* @__PURE__ */ jsx(Code, { width: "20px", height: "20px", style: { color: theme.colors.warning[600], flexShrink: 0, marginTop: "2px" } }),
+                  /* @__PURE__ */ jsx(Code, { width: "20px", height: "20px", style: { color: "var(--colors-warning600, #D97706)", flexShrink: 0, marginTop: "2px" } }),
                   /* @__PURE__ */ jsxs(Box, { children: [
                     /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "6px", display: "block" }, children: formatMessage({ id: getTrad("settings.compatibility.migration.title") }) }),
                     /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.5" }, children: formatMessage({ id: getTrad("settings.compatibility.migration.description") }) })
@@ -3012,9 +3002,9 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
         {
           background: "success50",
           padding: 5,
-          style: { borderRadius: theme.borderRadius.lg, marginTop: "32px", border: "2px solid #BBF7D0" },
+          style: { borderRadius: theme.borderRadius.lg, marginTop: "32px", border: "2px solid rgba(34, 197, 94, 0.3)" },
           children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", justifyContent: "center", children: [
-            /* @__PURE__ */ jsx(Check, { style: { width: "24px", height: "24px", color: theme.colors.success[600] } }),
+            /* @__PURE__ */ jsx(Check, { style: { width: "24px", height: "24px", color: "var(--colors-success600, #16A34A)" } }),
             /* @__PURE__ */ jsxs(Box, { children: [
               /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "4px", display: "block" }, children: formatMessage({ id: getTrad("settings.footer.quickhelp") }) }),
               /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "13px" }, children: /* @__PURE__ */ jsx("strong", { children: formatMessage({ id: getTrad("settings.footer.reminder") }) }) })