@nac3/forge-cli 1.0.53 → 1.0.54

package/yujin-design-system-moderna/icons/moderna/manifest.json

@@ -0,0 +1,457 @@
+{
+  "format": "inline-svg-40x40",
+  "style": "geometric, round caps, vibrant accent, clean corners",
+  "count": 60,
+  "status": "active",
+  "note": "Funcionales: geometria del set artdeco re-estilada (1.8 round). Tematicos: del doc design-systems.html. Regenerar con scripts/gen_ds_variants.mjs.",
+  "icons": [
+    {
+      "slug": "home",
+      "tags": [
+        "action"
+      ],
+      "file": "home.svg"
+    },
+    {
+      "slug": "search",
+      "tags": [
+        "action"
+      ],
+      "file": "search.svg"
+    },
+    {
+      "slug": "add",
+      "tags": [
+        "action"
+      ],
+      "file": "add.svg"
+    },
+    {
+      "slug": "edit",
+      "tags": [
+        "action",
+        "tool"
+      ],
+      "file": "edit.svg"
+    },
+    {
+      "slug": "delete",
+      "tags": [
+        "action"
+      ],
+      "file": "delete.svg"
+    },
+    {
+      "slug": "settings",
+      "tags": [
+        "action",
+        "platform"
+      ],
+      "file": "settings.svg"
+    },
+    {
+      "slug": "check",
+      "tags": [
+        "action",
+        "quality"
+      ],
+      "file": "check.svg"
+    },
+    {
+      "slug": "close",
+      "tags": [
+        "action"
+      ],
+      "file": "close.svg"
+    },
+    {
+      "slug": "arrow-right",
+      "tags": [
+        "action"
+      ],
+      "file": "arrow-right.svg"
+    },
+    {
+      "slug": "menu",
+      "tags": [
+        "action"
+      ],
+      "file": "menu.svg"
+    },
+    {
+      "slug": "filter",
+      "tags": [
+        "action"
+      ],
+      "file": "filter.svg"
+    },
+    {
+      "slug": "download",
+      "tags": [
+        "action"
+      ],
+      "file": "download.svg"
+    },
+    {
+      "slug": "expand",
+      "tags": [
+        "action"
+      ],
+      "file": "expand.svg"
+    },
+    {
+      "slug": "chevron-right",
+      "tags": [
+        "action"
+      ],
+      "file": "chevron-right.svg"
+    },
+    {
+      "slug": "send",
+      "tags": [
+        "action",
+        "comms"
+      ],
+      "file": "send.svg"
+    },
+    {
+      "slug": "share",
+      "tags": [
+        "action",
+        "comms"
+      ],
+      "file": "share.svg"
+    },
+    {
+      "slug": "dashboard",
+      "tags": [
+        "platform"
+      ],
+      "file": "dashboard.svg"
+    },
+    {
+      "slug": "list",
+      "tags": [
+        "document"
+      ],
+      "file": "list.svg"
+    },
+    {
+      "slug": "calendar",
+      "tags": [
+        "document"
+      ],
+      "file": "calendar.svg"
+    },
+    {
+      "slug": "folder",
+      "tags": [
+        "document"
+      ],
+      "file": "folder.svg"
+    },
+    {
+      "slug": "table",
+      "tags": [
+        "document",
+        "platform"
+      ],
+      "file": "table.svg"
+    },
+    {
+      "slug": "database",
+      "tags": [
+        "platform"
+      ],
+      "file": "database.svg"
+    },
+    {
+      "slug": "document",
+      "tags": [
+        "document"
+      ],
+      "file": "document.svg"
+    },
+    {
+      "slug": "clipboard",
+      "tags": [
+        "document"
+      ],
+      "file": "clipboard.svg"
+    },
+    {
+      "slug": "tag",
+      "tags": [
+        "inventory",
+        "marketing"
+      ],
+      "file": "tag.svg"
+    },
+    {
+      "slug": "user",
+      "tags": [
+        "hr"
+      ],
+      "file": "user.svg"
+    },
+    {
+      "slug": "users",
+      "tags": [
+        "hr"
+      ],
+      "file": "users.svg"
+    },
+    {
+      "slug": "building",
+      "tags": [
+        "building",
+        "platform"
+      ],
+      "file": "building.svg"
+    },
+    {
+      "slug": "briefcase",
+      "tags": [
+        "sales"
+      ],
+      "file": "briefcase.svg"
+    },
+    {
+      "slug": "handshake",
+      "tags": [
+        "sales"
+      ],
+      "file": "handshake.svg"
+    },
+    {
+      "slug": "target",
+      "tags": [
+        "sales",
+        "marketing"
+      ],
+      "file": "target.svg"
+    },
+    {
+      "slug": "coin",
+      "tags": [
+        "finance"
+      ],
+      "file": "coin.svg"
+    },
+    {
+      "slug": "invoice",
+      "tags": [
+        "finance",
+        "document"
+      ],
+      "file": "invoice.svg"
+    },
+    {
+      "slug": "chart-bar",
+      "tags": [
+        "finance",
+        "marketing"
+      ],
+      "file": "chart-bar.svg"
+    },
+    {
+      "slug": "chart-line",
+      "tags": [
+        "finance",
+        "marketing"
+      ],
+      "file": "chart-line.svg"
+    },
+    {
+      "slug": "mail",
+      "tags": [
+        "comms"
+      ],
+      "file": "mail.svg"
+    },
+    {
+      "slug": "chat",
+      "tags": [
+        "comms"
+      ],
+      "file": "chat.svg"
+    },
+    {
+      "slug": "phone",
+      "tags": [
+        "comms"
+      ],
+      "file": "phone.svg"
+    },
+    {
+      "slug": "bell",
+      "tags": [
+        "comms",
+        "platform"
+      ],
+      "file": "bell.svg"
+    },
+    {
+      "slug": "star",
+      "tags": [
+        "symbol",
+        "quality"
+      ],
+      "file": "star.svg"
+    },
+    {
+      "slug": "heart",
+      "tags": [
+        "symbol"
+      ],
+      "file": "heart.svg"
+    },
+    {
+      "slug": "clock",
+      "tags": [
+        "symbol",
+        "platform"
+      ],
+      "file": "clock.svg"
+    },
+    {
+      "slug": "lock",
+      "tags": [
+        "symbol",
+        "platform"
+      ],
+      "file": "lock.svg"
+    },
+    {
+      "slug": "shield",
+      "tags": [
+        "symbol",
+        "platform"
+      ],
+      "file": "shield.svg"
+    },
+    {
+      "slug": "info",
+      "tags": [
+        "symbol"
+      ],
+      "file": "info.svg"
+    },
+    {
+      "slug": "warning",
+      "tags": [
+        "symbol",
+        "quality"
+      ],
+      "file": "warning.svg"
+    },
+    {
+      "slug": "sun",
+      "tags": [
+        "celestial",
+        "symbol"
+      ],
+      "file": "sun.svg"
+    },
+    {
+      "slug": "globe",
+      "tags": [
+        "platform",
+        "ai"
+      ],
+      "file": "globe.svg"
+    },
+    {
+      "slug": "bolt",
+      "tags": [
+        "symbol",
+        "geometric"
+      ],
+      "file": "bolt.svg"
+    },
+    {
+      "slug": "grid",
+      "tags": [
+        "layout",
+        "geometric"
+      ],
+      "file": "grid.svg"
+    },
+    {
+      "slug": "arrow-up-right",
+      "tags": [
+        "action"
+      ],
+      "file": "arrow-up-right.svg"
+    },
+    {
+      "slug": "hexagon",
+      "tags": [
+        "symbol",
+        "geometric"
+      ],
+      "file": "hexagon.svg"
+    },
+    {
+      "slug": "layers",
+      "tags": [
+        "symbol",
+        "platform"
+      ],
+      "file": "layers.svg"
+    },
+    {
+      "slug": "spark",
+      "tags": [
+        "symbol",
+        "ai"
+      ],
+      "file": "spark.svg"
+    },
+    {
+      "slug": "play",
+      "tags": [
+        "action",
+        "media"
+      ],
+      "file": "play.svg"
+    },
+    {
+      "slug": "target-dot",
+      "tags": [
+        "symbol"
+      ],
+      "file": "target-dot.svg"
+    },
+    {
+      "slug": "chevrons",
+      "tags": [
+        "action"
+      ],
+      "file": "chevrons.svg"
+    },
+    {
+      "slug": "plus-square",
+      "tags": [
+        "action"
+      ],
+      "file": "plus-square.svg"
+    },
+    {
+      "slug": "pulse",
+      "tags": [
+        "symbol",
+        "quality"
+      ],
+      "file": "pulse.svg"
+    },
+    {
+      "slug": "diamond",
+      "tags": [
+        "symbol",
+        "geometric"
+      ],
+      "file": "diamond.svg"
+    }
+  ]
+}

package/yujin-design-system-moderna/icons/moderna/menu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 14 H31"/><path d="M9 20 H31"/><path d="M9 26 H31"/></svg>

package/yujin-design-system-moderna/icons/moderna/phone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 9 L18 9 L20 16 L16 19 C18 23 21 26 25 28 L28 24 L35 26 V32 C24 33 11 21 12 9 Z" transform="translate(-2 -1)"/></svg>

package/yujin-design-system-moderna/icons/moderna/play.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9 L31 20 L14 31 Z"/></svg>

package/yujin-design-system-moderna/icons/moderna/plus-square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="7" y="7" width="26" height="26" rx="3"/><path d="M20 13 V27 M13 20 H27"/></svg>

package/yujin-design-system-moderna/icons/moderna/pulse.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 20 H14 L17 9 L23 31 L26 20 H35"/></svg>

package/yujin-design-system-moderna/icons/moderna/search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="18" r="8"/><path d="M24 24 L31 31"/></svg>

package/yujin-design-system-moderna/icons/moderna/send.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 20 L32 9 L24 32 L19 23 Z"/><path d="M19 23 L32 9"/></svg>

package/yujin-design-system-moderna/icons/moderna/settings.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 8 L24 12 H29 V17 L33 20 L29 23 V28 H24 L20 32 L16 28 H11 V23 L7 20 L11 17 V12 H16 Z"/><circle cx="20" cy="20" r="5"/></svg>

package/yujin-design-system-moderna/icons/moderna/share.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="20" r="3"/><circle cx="28" cy="11" r="3"/><circle cx="28" cy="29" r="3"/><path d="M15 18 L25 12 M15 22 L25 28"/></svg>

package/yujin-design-system-moderna/icons/moderna/shield.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 8 L31 12 V21 C31 27 20 32 20 32 C20 32 9 27 9 21 V12 Z"/><path d="M16 20 L19 23 L25 16"/></svg>

package/yujin-design-system-moderna/icons/moderna/spark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 L23.5 16.5 L34 20 L23.5 23.5 L20 34 L16.5 23.5 L6 20 L16.5 16.5 Z"/></svg>

package/yujin-design-system-moderna/icons/moderna/star.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 7 L24 16 L33 17 L26 23 L28 32 L20 27 L12 32 L14 23 L7 17 L16 16 Z"/></svg>

package/yujin-design-system-moderna/icons/moderna/sun.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="20" cy="20" r="5"/><path d="M20 6 V11 M20 29 V34 M6 20 H11 M29 20 H34 M10 10 L13.5 13.5 M26.5 26.5 L30 30 M30 10 L26.5 13.5 M13.5 26.5 L10 30"/></svg>

package/yujin-design-system-moderna/icons/moderna/table.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="11" width="22" height="18"/><path d="M9 17 H31"/><path d="M9 23 H31"/><path d="M16 11 V29"/><path d="M24 11 V29"/></svg>

package/yujin-design-system-moderna/icons/moderna/tag.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 8 H20 L32 20 L20 32 L8 20 Z"/><circle cx="14" cy="14" r="1.8"/></svg>

package/yujin-design-system-moderna/icons/moderna/target-dot.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="20" cy="20" r="13"/><circle cx="20" cy="20" r="3.2" fill="currentColor" stroke="none"/></svg>

package/yujin-design-system-moderna/icons/moderna/target.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="20" cy="20" r="11"/><circle cx="20" cy="20" r="6"/><circle cx="20" cy="20" r="1.5"/></svg>

package/yujin-design-system-moderna/icons/moderna/user.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="20" cy="15" r="6"/><path d="M9 31 C9 23 31 23 31 31"/></svg>

package/yujin-design-system-moderna/icons/moderna/users.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="16" cy="15" r="5"/><path d="M7 30 C7 23 25 23 25 30"/><path d="M26 12 A5 5 0 0 1 26 22"/><path d="M27 24 C31 25 33 27 33 30"/></svg>

package/yujin-design-system-moderna/icons/moderna/warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 8 L33 31 H7 Z"/><path d="M20 17 V24"/><path d="M20 27 V28"/></svg>

package/yujin-design-system-moderna/manifest.json

@@ -0,0 +1,44 @@
+{
+  "$schema": "https://yujin.app/schema/design-system-v1.json",
+  "name": "Yujin Design System -- Moderna",
+  "id": "yujin-design-system-moderna",
+  "variant_of": "yujin-design-system",
+  "version": "0.1.0",
+  "description": "Variante moderna del Yujin DS: indigo electrico + violeta + cyan sobre neutros zinc, tipografia grotesca (Space Grotesk), esquinas limpias e iconografia geometrica. El sumi-e sigue siendo el default; esta es seleccionable por los productos generados + el panel.",
+  "lema": "Geometria viva. La forma se mueve hacia adelante.",
+  "tokens": {
+    "file": "tokens/moderna-tokens.json",
+    "format": "dtcg-w3c",
+    "css": "tokens/moderna-tokens.css",
+    "count": 24,
+    "selector": ":root[data-yujin-ds=\"moderna\"], .yujin-ds-moderna"
+  },
+  "components": {
+    "dir": "../yujin-design-system/components",
+    "index": "../yujin-design-system/components/_index.json",
+    "count": 30,
+    "format": "yujin-component-v1",
+    "shared": true,
+    "note": "Los 30 componentes se reutilizan tal cual: usan var(--color-*) y heredan la paleta moderna via el selector de tokens. No se duplican."
+  },
+  "icons": {
+    "moderna": {
+      "dir": "icons/moderna",
+      "index": "icons/moderna/manifest.json",
+      "count": 60,
+      "format": "inline-svg-40x40",
+      "style": "geometric, round caps, vibrant accent, clean corners",
+      "status": "active -- 60 iconos (48 funcionales + tematicos del doc)"
+    }
+  },
+  "kanji": null,
+  "fonts": {
+    "provider": "google-fonts-cdn",
+    "import": "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=DM+Sans:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap",
+    "families": {
+      "display": "Space Grotesk",
+      "sans": "DM Sans",
+      "mono": "JetBrains Mono"
+    }
+  }
+}

package/yujin-design-system-moderna/tokens/moderna-tokens.css

@@ -0,0 +1,106 @@
+/* ============================================================
+   YUJIN DESIGN SYSTEM -- MODERNA variant
+   Geometrica y vibrante: indigo electrico + violeta + cyan sobre
+   neutros zinc casi negros. Tipografia grotesca, esquinas limpias.
+   ============================================================
+   Cubre EXACTAMENTE los mismos tokens SEMANTICOS que el DS base, asi
+   los 30 componentes (que usan var(--color-*)) funcionan sin tocarlos.
+   Fuente de verdad de la variante: este archivo.
+   ============================================================ */
+
+:root[data-yujin-ds="moderna"],
+.yujin-ds-moderna {
+
+  --yujin-name: "Yujin";
+  --yujin-kanji: "";
+  --yujin-wordmark-letterspacing: -0.02em;
+
+  /* PALETA BASE -- vibrante sobre neutros zinc */
+  --color-indigo-50:  #EEF0FF;
+  --color-indigo-100: #E0E2FF;
+  --color-indigo-200: #C7CBFF;
+  --color-indigo-400: #818CF8;
+  --color-indigo-600: #4F46E5;   /* <- acento principal */
+  --color-indigo-700: #4338CA;
+  --color-indigo-900: #312E81;
+
+  /* Acentos vibrantes secundarios */
+  --color-violet-500: #7C3AED;
+  --color-cyan-500:   #06B6D4;
+  --color-pink-500:   #F43F5E;
+
+  /* Zinc (neutros casi negros) */
+  --color-zinc-0:   #FFFFFF;
+  --color-zinc-50:  #FAFAFB;
+  --color-zinc-100: #F4F4F5;
+  --color-zinc-200: #E7E7EA;
+  --color-zinc-300: #D4D4D8;
+  --color-zinc-400: #A1A1AA;
+  --color-zinc-500: #71717A;
+  --color-zinc-600: #52525B;
+  --color-zinc-700: #3F3F46;
+  --color-zinc-800: #27272A;
+  --color-zinc-900: #18181B;
+
+  /* Estados */
+  --color-emerald-100: #DCFCE7;
+  --color-emerald-600: #16A34A;
+  --color-rose-100:    #FFE4E6;
+  --color-rose-600:    #E11D48;
+  --color-amber-100:   #FEF3C7;
+  --color-amber-600:   #D97706;
+
+  /* COLORES SEMANTICOS -- el contrato que consumen los componentes */
+  --color-accent:        var(--color-indigo-600);
+  --color-accent-hover:  var(--color-indigo-700);
+  --color-accent-light:  var(--color-indigo-50);
+  --color-accent-text:   #FFFFFF;
+
+  --color-bg-app:     var(--color-zinc-50);
+  --color-bg-page:    var(--color-zinc-100);
+  --color-bg-surface: var(--color-zinc-0);
+  --color-bg-subtle:  var(--color-zinc-50);
+  --color-bg-muted:   var(--color-zinc-100);
+
+  --color-border-subtle:  var(--color-zinc-200);
+  --color-border-default: var(--color-zinc-300);
+  --color-border-strong:  var(--color-indigo-600);
+
+  --color-ink:            var(--color-zinc-900);
+  --color-text-primary:   var(--color-zinc-900);
+  --color-text-secondary: var(--color-zinc-600);
+  --color-text-tertiary:  var(--color-zinc-500);
+  --color-text-disabled:  var(--color-zinc-400);
+  --color-text-inverse:   #FFFFFF;
+
+  --color-success:       var(--color-emerald-600);
+  --color-success-light: var(--color-emerald-100);
+  --color-success-text:  #FFFFFF;
+  --color-danger:        var(--color-rose-600);
+  --color-danger-light:  var(--color-rose-100);
+  --color-danger-text:   #FFFFFF;
+  --color-warning:       var(--color-amber-600);
+  --color-warning-light: var(--color-amber-100);
+  --color-warning-text:  var(--color-zinc-900);
+
+  /* TIPOGRAFIA -- grotesca (Google Fonts CDN, sin binarios) */
+  --font-display: "Space Grotesk", "DM Sans", system-ui, sans-serif;
+  --font-sans:    "DM Sans", system-ui, -apple-system, sans-serif;
+  --font-regular: "DM Sans", system-ui, -apple-system, sans-serif;
+  --font-medium:  "DM Sans", system-ui, -apple-system, sans-serif;
+  --font-mono:    "JetBrains Mono", ui-monospace, Menlo, monospace;
+
+  /* GEOMETRIA -- esquinas limpias */
+  --radius-sm:   4px;
+  --radius-md:   6px;
+  --radius-lg:   10px;
+  --radius-full: 999px;
+
+  --shadow-sm: 0 1px 2px rgba(24, 24, 27, 0.06);
+  --shadow-md: 0 4px 12px rgba(24, 24, 27, 0.10);
+  --shadow-lg: 0 12px 32px rgba(79, 70, 229, 0.16);
+}
+
+/* Fuentes (CDN, sin binarios) -- importar junto a este archivo:
+   @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=DM+Sans:wght@400;500;700&display=swap');
+*/