@almadar/core 10.110.0 → 10.112.0

package/themes/trait-wars.json

@@ -1,5 +1,6 @@
 {
   "name": "trait-wars",
+  "displayName": "Trait Wars",
   "tokens": {
     "density": {
       "spacing": {
@@ -33,9 +34,9 @@
       "sectionGap": "32px"
     },
     "typeScale": {
-      "displayFamily": "var(--font-family)",
-      "bodyFamily": "var(--font-family)",
-      "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "displayFamily": "\"Cinzel\", \"Palatino Linotype\", Georgia, serif",
+      "bodyFamily": "\"EB Garamond\", Georgia, \"Times New Roman\", serif",
+      "monoFamily": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
       "scale": {
         "xs": {
           "size": "12px",
@@ -114,7 +115,12 @@
           "size": "sm",
           "weight": "medium"
         }
-      }
+      },
+      "fontImport": "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=EB+Garamond:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap",
+      "headingWeight": "700",
+      "headingTransform": "uppercase",
+      "headingTracking": "0.08em",
+      "headingStyle": "normal"
     },
     "motion": {
       "durations": {
@@ -122,13 +128,22 @@
         "fast": "var(--transition-fast)",
         "normal": "var(--transition-normal)",
         "slow": "var(--transition-slow)",
-        "dramatic": "600ms"
+        "dramatic": "700ms"
       },
       "easings": {
         "linear": "linear",
-        "standard": "var(--transition-timing)",
+        "standard": "cubic-bezier(0.4, 0, 0.2, 1)",
         "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
         "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+      },
+      "shapes": {
+        "modalEnter": "perspective(800px) rotateX(-20deg)",
+        "modalExit": "perspective(800px) rotateX(-20deg)",
+        "pageEnter": "translateY(8px)",
+        "popoverEnter": "scale(0.95)",
+        "popoverExit": "scale(0.95)",
+        "toastEnter": "translateY(-16px)",
+        "toastExit": "translateY(-16px)"
       }
     },
     "iconography": {
@@ -137,18 +152,24 @@
       "defaultSize": "16px"
     },
     "elevation": {
-      "cardElevation": "var(--shadow-sm)",
-      "popoverElevation": "var(--shadow-main)",
+      "cardElevation": "var(--shadow-main)",
+      "popoverElevation": "var(--shadow-lg)",
       "dialogElevation": "var(--shadow-lg)",
-      "toastElevation": "var(--shadow-main)"
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-inner)"
     },
     "geometry": {
       "radiusContainer": "var(--radius-md)",
-      "radiusInteractive": "var(--radius-md)",
+      "radiusInteractive": "var(--radius-sm)",
       "radiusPill": "var(--radius-full)",
       "borderHairline": "1px",
       "borderStandard": "var(--border-width)",
-      "borderHeavy": "var(--border-width-thick)"
+      "borderHeavy": "var(--border-width-thick)",
+      "cornerShape": "bevel",
+      "cornerShapePill": "bevel",
+      "borderStyle": "ridge",
+      "borderStyleInteractive": "ridge"
     },
     "colors": {
       "primary": "#785c12",
@@ -166,7 +187,7 @@
       "card": "#ffffff",
       "card-foreground": "#2a1f14",
       "surface": "#f5efe3",
-      "border": "#d4c4a8",
+      "border": "#b08d3c",
       "input": "#e6dbc4",
       "ring": "#9e7e1e",
       "error": "#b91c1c",
@@ -180,25 +201,25 @@
     },
     "radii": {
       "none": "0px",
-      "sm": "4px",
+      "sm": "3px",
       "md": "6px",
       "lg": "8px",
-      "xl": "12px",
+      "xl": "10px",
       "full": "9999px"
     },
     "shadows": {
-      "main": "0 4px 14px rgba(139, 115, 85, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06)",
-      "sm": "0 2px 4px rgba(139, 115, 85, 0.08)",
-      "lg": "0 8px 30px rgba(139, 115, 85, 0.16), 0 4px 10px rgba(0, 0, 0, 0.06)",
-      "inner": "inset 0 1px 3px rgba(0, 0, 0, 0.08)",
+      "main": "inset 0 0 0 1px rgba(176,141,60,0.35), 0 3px 10px rgba(139,115,85,0.28)",
+      "sm": "inset 0 0 0 1px rgba(176,141,60,0.3), 0 2px 4px rgba(139,115,85,0.22)",
+      "lg": "inset 0 0 0 1px rgba(176,141,60,0.4), 0 10px 30px rgba(139,115,85,0.36)",
+      "inner": "inset 0 2px 5px rgba(0,0,0,0.18)",
       "none": "none",
-      "hover": "0 12px 40px rgba(139, 115, 85, 0.20), 0 4px 12px rgba(201, 168, 76, 0.10)",
-      "active": "0 2px 8px rgba(139, 115, 85, 0.12)"
+      "hover": "inset 0 0 0 1px rgba(176,141,60,0.5), 0 6px 18px rgba(201,168,76,0.35)",
+      "active": "inset 0 2px 4px rgba(0,0,0,0.25)"
     },
     "typography": {
-      "border-width": "1px",
-      "border-width-thin": "1px",
-      "border-width-thick": "2px",
+      "border-width": "3px",
+      "border-width-thin": "3px",
+      "border-width-thick": "4px",
       "tw-gold": "#9e7e1e",
       "tw-gold-mid": "#b8940f",
       "tw-gold-dim": "#d4c4a8",
@@ -223,12 +244,12 @@
       "tw-heal-bg": "rgba(21, 128, 61, 0.1)",
       "tw-mana": "#6d28d9",
       "tw-mana-bg": "rgba(109, 40, 217, 0.1)",
-      "font-family": "\"Cinzel\", \"Palatino Linotype\", \"Book Antiqua\", Palatino, Georgia, serif",
+      "font-family": "\"EB Garamond\", Georgia, \"Times New Roman\", serif",
       "font-weight-normal": "400",
       "font-weight-medium": "500",
       "font-weight-bold": "700",
       "letter-spacing": "0.01em",
-      "line-height": "1.5",
+      "line-height": "1.55",
       "icon-color": "#9e7e1e",
       "transition-fast": "150ms",
       "transition-normal": "300ms",
@@ -242,45 +263,102 @@
       "focus-ring-width": "2px",
       "focus-ring-offset": "2px",
       "focus-ring-color": "#9e7e1e"
+    },
+    "surface": {
+      "cardImage": "linear-gradient(180deg, rgba(201,168,76,0.12) 0%, rgba(139,115,85,0.07) 100%)"
     }
   },
   "variants": {
     "dark": {
-      "density": {
-        "spacing": {
-          "space0": "0px",
-          "space1": "4px",
-          "space2": "8px",
-          "space3": "12px",
-          "space4": "16px",
-          "space5": "20px",
-          "space6": "24px",
-          "space7": "28px",
-          "space8": "32px",
-          "space9": "36px",
-          "space10": "40px",
-          "space11": "44px",
-          "space12": "48px"
-        },
-        "buttonHeightSm": "28px",
-        "buttonHeightMd": "36px",
-        "buttonHeightLg": "44px",
-        "inputHeightSm": "28px",
-        "inputHeightMd": "36px",
-        "inputHeightLg": "44px",
-        "rowHeightCompact": "32px",
-        "rowHeightNormal": "40px",
-        "rowHeightSpacious": "48px",
-        "cardPaddingSm": "12px",
-        "cardPaddingMd": "16px",
-        "cardPaddingLg": "24px",
-        "dialogPadding": "24px",
-        "sectionGap": "32px"
+      "colors": {
+        "primary": "#c9a84c",
+        "primary-hover": "#eab308",
+        "primary-foreground": "#1a1410",
+        "secondary": "#2a2118",
+        "secondary-hover": "#3a2f22",
+        "secondary-foreground": "#e8dcc8",
+        "accent": "#14b8a6",
+        "accent-foreground": "#042f2e",
+        "muted": "#3a2f22",
+        "muted-foreground": "#a89878",
+        "background": "#1a1410",
+        "foreground": "#e8dcc8",
+        "card": "#2a2118",
+        "card-foreground": "#e8dcc8",
+        "surface": "#2a2118",
+        "border": "#c9a84c",
+        "input": "#3a2f22",
+        "ring": "#c9a84c",
+        "error": "#a03030",
+        "error-foreground": "#e8dcc8",
+        "success": "#2a6a2a",
+        "success-foreground": "#e8dcc8",
+        "warning": "#d97706",
+        "warning-foreground": "#1a1410",
+        "info": "#0d6a63",
+        "info-foreground": "#e8dcc8"
+      },
+      "typography": {
+        "border-width": "3px",
+        "border-width-thin": "3px",
+        "border-width-thick": "4px",
+        "tw-gold": "#9e7e1e",
+        "tw-gold-mid": "#b8940f",
+        "tw-gold-dim": "#d4c4a8",
+        "tw-gold-dark": "#e6dbc4",
+        "tw-text-primary": "#2a1f14",
+        "tw-text-secondary": "#5a4a36",
+        "tw-text-dim": "#8a7a60",
+        "tw-surface-elevated": "#f0e8d8",
+        "tw-surface-hover": "#e6dbc4",
+        "tw-faction-resonator": "#7c3aed",
+        "tw-faction-resonator-glow": "rgba(124, 58, 237, 0.15)",
+        "tw-faction-dominion": "#b91c1c",
+        "tw-faction-dominion-glow": "rgba(185, 28, 28, 0.15)",
+        "tw-faction-neutral": "#78716c",
+        "tw-tier-1": "#7a6340",
+        "tw-tier-2": "#808080",
+        "tw-tier-3": "#9e7e1e",
+        "tw-tier-4": "#b8940f",
+        "tw-health": "#b91c1c",
+        "tw-health-bg": "rgba(185, 28, 28, 0.1)",
+        "tw-heal": "#15803d",
+        "tw-heal-bg": "rgba(21, 128, 61, 0.1)",
+        "tw-mana": "#6d28d9",
+        "tw-mana-bg": "rgba(109, 40, 217, 0.1)",
+        "font-family": "\"EB Garamond\", Georgia, \"Times New Roman\", serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0.01em",
+        "line-height": "1.55",
+        "icon-color": "#c9a84c",
+        "transition-fast": "150ms",
+        "transition-normal": "300ms",
+        "transition-slow": "500ms",
+        "transition-timing": "cubic-bezier(0.4, 0, 0.2, 1)",
+        "hover-scale": "1.01",
+        "hover-translate-y": "-1px",
+        "hover-translate-x": "0",
+        "active-scale": "0.99",
+        "active-translate-y": "0",
+        "focus-ring-width": "2px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#c9a84c"
+      },
+      "shadows": {
+        "main": "inset 0 0 0 1px rgba(201,168,76,0.4), 0 3px 10px rgba(0,0,0,0.5)",
+        "sm": "inset 0 0 0 1px rgba(201,168,76,0.35), 0 2px 4px rgba(0,0,0,0.45)",
+        "lg": "inset 0 0 0 1px rgba(201,168,76,0.45), 0 10px 30px rgba(0,0,0,0.6)",
+        "inner": "inset 0 2px 5px rgba(0,0,0,0.5)",
+        "none": "none",
+        "hover": "inset 0 0 0 1px rgba(201,168,76,0.6), 0 6px 18px rgba(201,168,76,0.3)",
+        "active": "inset 0 2px 4px rgba(0,0,0,0.55)"
       },
       "typeScale": {
-        "displayFamily": "var(--font-family)",
-        "bodyFamily": "var(--font-family)",
-        "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+        "displayFamily": "\"Cinzel\", \"Palatino Linotype\", Georgia, serif",
+        "bodyFamily": "\"EB Garamond\", Georgia, \"Times New Roman\", serif",
+        "monoFamily": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
         "scale": {
           "xs": {
             "size": "12px",
@@ -359,134 +437,15 @@
             "size": "sm",
             "weight": "medium"
           }
-        }
-      },
-      "motion": {
-        "durations": {
-          "instant": "0ms",
-          "fast": "var(--transition-fast)",
-          "normal": "var(--transition-normal)",
-          "slow": "var(--transition-slow)",
-          "dramatic": "600ms"
         },
-        "easings": {
-          "linear": "linear",
-          "standard": "var(--transition-timing)",
-          "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
-          "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
-        }
-      },
-      "iconography": {
-        "family": "lucide",
-        "strokeWidth": "1.75",
-        "defaultSize": "16px"
-      },
-      "elevation": {
-        "cardElevation": "var(--shadow-sm)",
-        "popoverElevation": "var(--shadow-main)",
-        "dialogElevation": "var(--shadow-lg)",
-        "toastElevation": "var(--shadow-main)"
+        "fontImport": "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=EB+Garamond:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap",
+        "headingWeight": "700",
+        "headingTransform": "uppercase",
+        "headingTracking": "0.08em",
+        "headingStyle": "normal"
       },
-      "geometry": {
-        "radiusContainer": "var(--radius-md)",
-        "radiusInteractive": "var(--radius-md)",
-        "radiusPill": "var(--radius-full)",
-        "borderHairline": "1px",
-        "borderStandard": "var(--border-width)",
-        "borderHeavy": "var(--border-width-thick)"
-      },
-      "colors": {
-        "primary": "#c9a84c",
-        "primary-hover": "#eab308",
-        "primary-foreground": "#1a1410",
-        "secondary": "#2a2118",
-        "secondary-hover": "#3a2f22",
-        "secondary-foreground": "#e8dcc8",
-        "accent": "#14b8a6",
-        "accent-foreground": "#042f2e",
-        "muted": "#3a2f22",
-        "muted-foreground": "#a89878",
-        "background": "#1a1410",
-        "foreground": "#e8dcc8",
-        "card": "#2a2118",
-        "card-foreground": "#e8dcc8",
-        "surface": "#2a2118",
-        "border": "#5a4a36",
-        "input": "#3a2f22",
-        "ring": "#c9a84c",
-        "error": "#a03030",
-        "error-foreground": "#e8dcc8",
-        "success": "#2a6a2a",
-        "success-foreground": "#e8dcc8",
-        "warning": "#d97706",
-        "warning-foreground": "#1a1410",
-        "info": "#0d6a63",
-        "info-foreground": "#e8dcc8"
-      },
-      "radii": {
-        "none": "0px",
-        "sm": "4px",
-        "md": "6px",
-        "lg": "8px",
-        "xl": "12px",
-        "full": "9999px"
-      },
-      "shadows": {
-        "main": "0 4px 14px rgba(201, 168, 76, 0.10), 0 1px 3px rgba(0, 0, 0, 0.20)",
-        "sm": "0 2px 4px rgba(201, 168, 76, 0.06)",
-        "lg": "0 8px 30px rgba(201, 168, 76, 0.15), 0 4px 10px rgba(0, 0, 0, 0.15)",
-        "inner": "inset 0 1px 3px rgba(0, 0, 0, 0.25)",
-        "none": "none",
-        "hover": "0 12px 40px rgba(201, 168, 76, 0.20), 0 4px 12px rgba(234, 179, 8, 0.10)",
-        "active": "0 2px 8px rgba(201, 168, 76, 0.15)"
-      },
-      "typography": {
-        "border-width": "1px",
-        "border-width-thin": "1px",
-        "border-width-thick": "2px",
-        "tw-gold": "#eab308",
-        "tw-gold-mid": "#c9a84c",
-        "tw-gold-dim": "#8a7340",
-        "tw-gold-dark": "#5a4a36",
-        "tw-text-primary": "#e8dcc8",
-        "tw-text-secondary": "#b8a88c",
-        "tw-text-dim": "#7a6a50",
-        "tw-surface-elevated": "#3a2f22",
-        "tw-surface-hover": "#4a3d2e",
-        "tw-faction-resonator": "#7c3aed",
-        "tw-faction-resonator-glow": "rgba(124, 58, 237, 0.3)",
-        "tw-faction-dominion": "#b91c1c",
-        "tw-faction-dominion-glow": "rgba(185, 28, 28, 0.3)",
-        "tw-faction-neutral": "#78716c",
-        "tw-tier-1": "#8B7355",
-        "tw-tier-2": "#A8A8A8",
-        "tw-tier-3": "#c9a84c",
-        "tw-tier-4": "#eab308",
-        "tw-health": "#c04040",
-        "tw-health-bg": "rgba(192, 64, 64, 0.2)",
-        "tw-heal": "#4a9e4a",
-        "tw-heal-bg": "rgba(74, 158, 74, 0.2)",
-        "tw-mana": "#7c5cbf",
-        "tw-mana-bg": "rgba(124, 92, 191, 0.2)",
-        "font-family": "\"Cinzel\", \"Palatino Linotype\", \"Book Antiqua\", Palatino, Georgia, serif",
-        "font-weight-normal": "400",
-        "font-weight-medium": "500",
-        "font-weight-bold": "700",
-        "letter-spacing": "0.01em",
-        "line-height": "1.5",
-        "icon-color": "#c9a84c",
-        "transition-fast": "150ms",
-        "transition-normal": "300ms",
-        "transition-slow": "500ms",
-        "transition-timing": "cubic-bezier(0.4, 0, 0.2, 1)",
-        "hover-scale": "1.01",
-        "hover-translate-y": "-1px",
-        "hover-translate-x": "0",
-        "active-scale": "0.99",
-        "active-translate-y": "0",
-        "focus-ring-width": "2px",
-        "focus-ring-offset": "2px",
-        "focus-ring-color": "#c9a84c"
+      "surface": {
+        "cardImage": "linear-gradient(180deg, rgba(201,168,76,0.08) 0%, rgba(0,0,0,0.12) 100%)"
       }
     }
   }