@almadar/ui 6.29.0 → 6.30.0

package/themes/corporate.css

@@ -1,58 +1,20 @@
 /**
- * Corporate Theme — "Enterprise Trust"
- *
- * The conservative B2B palette business clients actually pick: classic
- * corporate blue on crisp white cards over a cool-gray canvas, navy-slate
- * text, and a true enterprise dark mode in deep navy with softened blues.
- * Everything is restrained — hairline 1px borders, 6px radii, small
- * flat shadows with no glow, system fonts at 400/500/600 weights, and
- * short standard-eased transitions with no hover theatrics. Generous
- * whitespace signals confidence, not density.
+ * GENERATED — do not edit by hand.
+ * Source: packages/almadar-core/themes/corporate.json
+ * Regenerate: node tools/almadar-pattern-sync/dist/index.js themes (or `almadar-sync themes`)
  */
 
-/* ==========================================================================
- * LIGHT MODE
- * ========================================================================== */
 [data-theme="corporate-light"] {
-    /* Shadows - Small, flat, neutral (no glow, no offset) */
-    --shadow-main: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
-    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
-    --shadow-lg:
-        0 4px 12px rgba(15, 23, 42, 0.10), 0 2px 4px rgba(15, 23, 42, 0.05);
-    --shadow-inner: inset 0 1px 2px rgba(15, 23, 42, 0.05);
-    --shadow-none: none;
-    --shadow-hover:
-        0 4px 10px rgba(15, 23, 42, 0.10), 0 1px 3px rgba(15, 23, 42, 0.06);
-    --shadow-active: 0 1px 2px rgba(15, 23, 42, 0.08);
-
-    /* Border radius - Restrained 6px rhythm */
-    --radius-none: 0px;
-    --radius-sm: 4px;
-    --radius-md: 6px;
-    --radius-lg: 8px;
-    --radius-xl: 10px;
-    --radius-full: 9999px;
-
-    /* Border width - Hairline */
-    --border-width: 1px;
-    --border-width-thin: 1px;
-    --border-width-thick: 2px;
-
-    /* Colors - Classic corporate blue on cool gray */
     --color-primary: #1d4ed8;
     --color-primary-hover: #1e40af;
     --color-primary-foreground: #ffffff;
-
     --color-secondary: #e2e8f0;
     --color-secondary-hover: #cbd5e1;
     --color-secondary-foreground: #1e293b;
-
     --color-accent: #0369a1;
     --color-accent-foreground: #ffffff;
-
     --color-muted: #eef1f6;
     --color-muted-foreground: #5b6b80;
-
     --color-background: #f4f6f9;
     --color-foreground: #1e293b;
     --color-card: #ffffff;
@@ -61,8 +23,6 @@
     --color-border: #d7dee8;
     --color-input: #c3cdd9;
     --color-ring: #1d4ed8;
-
-    /* Semantic colors */
     --color-error: #b91c1c;
     --color-error-foreground: #ffffff;
     --color-success: #15803d;
@@ -71,40 +31,41 @@
     --color-warning-foreground: #ffffff;
     --color-info: #1d4ed8;
     --color-info-foreground: #ffffff;
-
-    /* Typography - System stack, regular/medium/semibold */
-    --font-family:
-        -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
+    --radius-none: 0px;
+    --radius-sm: 4px;
+    --radius-md: 6px;
+    --radius-lg: 8px;
+    --radius-xl: 10px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;
     --letter-spacing: normal;
     --line-height: 1.5;
-
-    /* Icon styling - Thin lucide strokes */
-    --icon-stroke-width: 1.75;
     --icon-color: #475569;
-
-    /* Transitions - Short, standard ease */
     --transition-fast: 100ms;
     --transition-normal: 150ms;
     --transition-slow: 200ms;
     --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
-
-    /* Hover/Active transforms - None; state shows via color/shadow only */
     --hover-scale: 1.0;
     --hover-translate-y: 0;
     --hover-translate-x: 0;
     --active-scale: 0.99;
     --active-translate-y: 0;
-
-    /* Focus ring */
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
     --focus-ring-color: #1d4ed8;
-
-    /* Layer 1 — backfill (preserves current visual output, see themes/_contract.md) */
-    /* Density axis — spacing scale */
+    --shadow-main: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
+    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
+    --shadow-lg: 0 4px 12px rgba(15, 23, 42, 0.10), 0 2px 4px rgba(15, 23, 42, 0.05);
+    --shadow-inner: inset 0 1px 2px rgba(15, 23, 42, 0.05);
+    --shadow-none: none;
+    --shadow-hover: 0 4px 10px rgba(15, 23, 42, 0.10), 0 1px 3px rgba(15, 23, 42, 0.06);
+    --shadow-active: 0 1px 2px rgba(15, 23, 42, 0.08);
     --space-0: 0px;
     --space-1: 4px;
     --space-2: 8px;
@@ -118,7 +79,6 @@
     --space-10: 40px;
     --space-11: 44px;
     --space-12: 48px;
-    /* Density axis — per-element heights (slightly generous, enterprise comfort) */
     --button-height-sm: 30px;
     --button-height-md: 38px;
     --button-height-lg: 46px;
@@ -128,17 +88,14 @@
     --row-height-compact: 36px;
     --row-height-normal: 44px;
     --row-height-spacious: 52px;
-    /* Density axis — per-element padding */
     --card-padding-sm: 16px;
     --card-padding-md: 20px;
     --card-padding-lg: 28px;
     --dialog-padding: 28px;
     --section-gap: 40px;
-    /* Type axis — family triplet (aliases existing --font-family for backward compat) */
     --font-family-display: var(--font-family);
     --font-family-body: var(--font-family);
     --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-    /* Type axis — size scale */
     --text-xs: 12px;
     --leading-xs: 16px;
     --text-sm: 14px;
@@ -159,7 +116,6 @@
     --leading-display-1: 52px;
     --text-display-2: 60px;
     --leading-display-2: 64px;
-    /* Type axis — intent mapping */
     --intent-heading-major-size: var(--text-2xl);
     --intent-heading-major-weight: var(--font-weight-bold);
     --intent-heading-major-leading: var(--leading-2xl);
@@ -181,78 +137,41 @@
     --intent-numeric-size: var(--text-sm);
     --intent-numeric-weight: var(--font-weight-medium);
     --intent-numeric-leading: var(--leading-sm);
-    /* Motion axis — duration palette */
     --duration-instant: 0ms;
     --duration-fast: var(--transition-fast);
     --duration-normal: var(--transition-normal);
     --duration-slow: var(--transition-slow);
     --duration-dramatic: 400ms;
-    /* Motion axis — easing palette */
     --easing-linear: linear;
     --easing-standard: var(--transition-timing);
     --easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
     --easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
-    /* Iconography axis */
     --icon-family: lucide;
+    --icon-stroke-width: 1.75;
     --icon-default-size: 16px;
-    /* Elevation axis — per-layer mapping */
     --elevation-card: var(--shadow-sm);
     --elevation-popover: var(--shadow-main);
     --elevation-dialog: var(--shadow-lg);
     --elevation-toast: var(--shadow-main);
-    /* Geometry axis — radius rhythm with intent */
     --radius-container: var(--radius-md);
     --radius-interactive: var(--radius-md);
     --radius-pill: var(--radius-full);
-    /* Geometry axis — border-width rhythm */
     --border-hairline: 1px;
     --border-standard: var(--border-width);
     --border-heavy: var(--border-width-thick);
 }
 
-/* ==========================================================================
- * DARK MODE
- * ========================================================================== */
 [data-theme="corporate-dark"] {
-    /* Shadows - Small, flat, deep (no glow, no offset) */
-    --shadow-main: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
-    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
-    --shadow-lg:
-        0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.35);
-    --shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-    --shadow-none: none;
-    --shadow-hover:
-        0 4px 10px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.35);
-    --shadow-active: 0 1px 2px rgba(0, 0, 0, 0.4);
-
-    /* Border radius - Restrained 6px rhythm */
-    --radius-none: 0px;
-    --radius-sm: 4px;
-    --radius-md: 6px;
-    --radius-lg: 8px;
-    --radius-xl: 10px;
-    --radius-full: 9999px;
-
-    /* Border width - Hairline */
-    --border-width: 1px;
-    --border-width-thin: 1px;
-    --border-width-thick: 2px;
-
-    /* Colors - Enterprise dark: deep navy, softened blue */
     --color-primary: #5b8def;
     --color-primary-hover: #7aa5f5;
     --color-primary-foreground: #0d1526;
-
     --color-secondary: #1c2942;
     --color-secondary-hover: #24344f;
     --color-secondary-foreground: #dbe3f0;
-
     --color-accent: #7aa5f5;
     --color-accent-foreground: #0d1526;
-
     --color-muted: #1a2438;
     --color-muted-foreground: #8b98ad;
-
     --color-background: #0d1526;
     --color-foreground: #dbe3f0;
     --color-card: #14203a;
@@ -261,8 +180,6 @@
     --color-border: #2a3a58;
     --color-input: #35486b;
     --color-ring: #5b8def;
-
-    /* Semantic colors - Softened for dark mode */
     --color-error: #f87171;
     --color-error-foreground: #0d1526;
     --color-success: #4ade80;
@@ -271,40 +188,41 @@
     --color-warning-foreground: #0d1526;
     --color-info: #7aa5f5;
     --color-info-foreground: #0d1526;
-
-    /* Typography - System stack, regular/medium/semibold */
-    --font-family:
-        -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
+    --radius-none: 0px;
+    --radius-sm: 4px;
+    --radius-md: 6px;
+    --radius-lg: 8px;
+    --radius-xl: 10px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 600;
     --letter-spacing: normal;
     --line-height: 1.5;
-
-    /* Icon styling - Thin lucide strokes */
-    --icon-stroke-width: 1.75;
     --icon-color: #94a3b8;
-
-    /* Transitions - Short, standard ease */
     --transition-fast: 100ms;
     --transition-normal: 150ms;
     --transition-slow: 200ms;
     --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
-
-    /* Hover/Active transforms - None; state shows via color/shadow only */
     --hover-scale: 1.0;
     --hover-translate-y: 0;
     --hover-translate-x: 0;
     --active-scale: 0.99;
     --active-translate-y: 0;
-
-    /* Focus ring */
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
     --focus-ring-color: #5b8def;
-
-    /* Layer 1 — backfill (preserves current visual output, see themes/_contract.md) */
-    /* Density axis — spacing scale */
+    --shadow-main: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
+    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
+    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.35);
+    --shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+    --shadow-none: none;
+    --shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.35);
+    --shadow-active: 0 1px 2px rgba(0, 0, 0, 0.4);
     --space-0: 0px;
     --space-1: 4px;
     --space-2: 8px;
@@ -318,7 +236,6 @@
     --space-10: 40px;
     --space-11: 44px;
     --space-12: 48px;
-    /* Density axis — per-element heights (slightly generous, enterprise comfort) */
     --button-height-sm: 30px;
     --button-height-md: 38px;
     --button-height-lg: 46px;
@@ -328,17 +245,14 @@
     --row-height-compact: 36px;
     --row-height-normal: 44px;
     --row-height-spacious: 52px;
-    /* Density axis — per-element padding */
     --card-padding-sm: 16px;
     --card-padding-md: 20px;
     --card-padding-lg: 28px;
     --dialog-padding: 28px;
     --section-gap: 40px;
-    /* Type axis — family triplet (aliases existing --font-family for backward compat) */
     --font-family-display: var(--font-family);
     --font-family-body: var(--font-family);
     --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-    /* Type axis — size scale */
     --text-xs: 12px;
     --leading-xs: 16px;
     --text-sm: 14px;
@@ -359,7 +273,6 @@
     --leading-display-1: 52px;
     --text-display-2: 60px;
     --leading-display-2: 64px;
-    /* Type axis — intent mapping */
     --intent-heading-major-size: var(--text-2xl);
     --intent-heading-major-weight: var(--font-weight-bold);
     --intent-heading-major-leading: var(--leading-2xl);
@@ -381,30 +294,25 @@
     --intent-numeric-size: var(--text-sm);
     --intent-numeric-weight: var(--font-weight-medium);
     --intent-numeric-leading: var(--leading-sm);
-    /* Motion axis — duration palette */
     --duration-instant: 0ms;
     --duration-fast: var(--transition-fast);
     --duration-normal: var(--transition-normal);
     --duration-slow: var(--transition-slow);
     --duration-dramatic: 400ms;
-    /* Motion axis — easing palette */
     --easing-linear: linear;
     --easing-standard: var(--transition-timing);
     --easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
     --easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
-    /* Iconography axis */
     --icon-family: lucide;
+    --icon-stroke-width: 1.75;
     --icon-default-size: 16px;
-    /* Elevation axis — per-layer mapping */
     --elevation-card: var(--shadow-sm);
     --elevation-popover: var(--shadow-main);
     --elevation-dialog: var(--shadow-lg);
     --elevation-toast: var(--shadow-main);
-    /* Geometry axis — radius rhythm with intent */
     --radius-container: var(--radius-md);
     --radius-interactive: var(--radius-md);
     --radius-pill: var(--radius-full);
-    /* Geometry axis — border-width rhythm */
     --border-hairline: 1px;
     --border-standard: var(--border-width);
     --border-heavy: var(--border-width-thick);

package/themes/game-adventure.css

@@ -1,78 +1,28 @@
 /**
- * Game Adventure Theme — "Tavern Parchment"
- *
- * Kenney's fantasy-adventure UI pack (warm brown-framed parchment panels,
- * hanging banners) as a real theme, same contract as every other theme.
- * Dark tavern-brown background so the parchment panel chrome reads as a
- * lit scroll/signboard.
- *
- * Chrome sprites: --game-panel-border-image is a CSS 9-slice (border-image)
- * sourced from kenney-ui-pack-adventure's `panel_brownimg` sprite, consumed
- * by the `.chrome-panel` utility (tailwind-preset.cjs) that Card/GameShell/
- * GameHud/GameMenu already apply unconditionally. This pack's only button
- * sprites are small icon-sized (close/confirm), not full-width chrome, so
- * --game-button-bg-image is left undeclared — Button renders with flat
- * theme-colored chrome instead (the `.chrome-button` utility's `none`
- * fallback already handles this cleanly, same as game-sci-fi).
+ * GENERATED — do not edit by hand.
+ * Source: packages/almadar-core/themes/game-adventure.json
+ * Regenerate: node tools/almadar-pattern-sync/dist/index.js themes (or `almadar-sync themes`)
  */
-[data-theme="game-adventure-dark"] {
-    /* Shadows — warm tavern glow */
-    --shadow-main: 0 4px 14px rgba(224, 165, 44, 0.12), 0 1px 3px rgba(0, 0, 0, 0.4);
-    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
-    --shadow-lg: 0 8px 30px rgba(224, 165, 44, 0.18), 0 4px 10px rgba(0, 0, 0, 0.35);
-    --shadow-inner: inset 0 1px 3px rgba(0, 0, 0, 0.4);
-    --shadow-none: none;
-    --shadow-hover: 0 12px 40px rgba(224, 165, 44, 0.22), 0 4px 12px rgba(0, 0, 0, 0.3);
-    --shadow-active: 0 2px 8px rgba(0, 0, 0, 0.35);
-
-    /* Border radius — carved wood/parchment, only lightly rounded */
-    --radius-none: 0px;
-    --radius-sm: 3px;
-    --radius-md: 5px;
-    --radius-lg: 8px;
-    --radius-xl: 12px;
-    --radius-full: 9999px;
-
-    /* Border width */
-    --border-width: 1px;
-    --border-width-thin: 1px;
-    --border-width-thick: 2px;
-
-    /* ======================================================================
-     * CORE COLORS
-     * ====================================================================== */
 
-    /* Primary — leather brown-orange */
+[data-theme="game-adventure-dark"] {
     --color-primary: #b5793a;
     --color-primary-hover: #c98d4c;
     --color-primary-foreground: #241608;
-
-    /* Secondary — dark wood */
     --color-secondary: #3a2712;
     --color-secondary-hover: #4a3319;
     --color-secondary-foreground: #f3e3c4;
-
-    /* Accent — gold trim */
     --color-accent: #e0a52c;
     --color-accent-foreground: #241608;
-
-    /* Muted — deep parchment inset (light, like the card, so muted text passes on both) */
     --color-muted: #e8d6ae;
     --color-muted-foreground: #6b4f2a;
-
-    /* Surfaces */
     --color-background: #241608;
     --color-foreground: #f3e3c4;
     --color-card: #fff1d2;
     --color-card-foreground: #4a2f14;
     --color-surface: #2e1d0d;
-
-    /* Borders & Inputs */
     --color-border: #7a5228;
     --color-input: #3a2712;
     --color-ring: #e0a52c;
-
-    /* Semantic colors */
     --color-error: #d9534f;
     --color-error-foreground: #1a0808;
     --color-success: #7ba05b;
@@ -81,49 +31,44 @@
     --color-warning-foreground: #241608;
     --color-info: #b5793a;
     --color-info-foreground: #241608;
-
-    /* ======================================================================
-     * CHROME — sprite-driven panel skin (kenney-ui-pack-adventure/panel_brownimg)
-     * ====================================================================== */
+    --radius-none: 0px;
+    --radius-sm: 3px;
+    --radius-md: 5px;
+    --radius-lg: 8px;
+    --radius-xl: 12px;
+    --radius-full: 9999px;
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
     --game-panel-border-image: url('https://almadar-kflow-assets.web.app/shared/ui-game-shell/kenney-ui-pack-adventure/ui/panel_brownimg.png');
     --game-panel-border-image-slice: 17 fill;
     --game-panel-border-image-width: 14px;
-
-    /* ======================================================================
-     * TYPOGRAPHY
-     * ====================================================================== */
-    --font-family:
-        "Kenney Blocks", ui-sans-serif, system-ui, sans-serif;
+    --font-family: "Kenney Blocks", ui-sans-serif, system-ui, sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-bold: 700;
     --letter-spacing: 0.02em;
     --line-height: 1.5;
-
-    /* Icon styling — gold tint */
-    --icon-stroke-width: 1.75;
     --icon-color: #e0a52c;
-
-    /* Transitions */
     --transition-fast: 100ms;
     --transition-normal: 200ms;
     --transition-slow: 400ms;
     --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
-
-    /* Hover/Active transforms */
     --hover-scale: 1.01;
     --hover-translate-y: -1px;
     --hover-translate-x: 0;
     --active-scale: 0.99;
     --active-translate-y: 0;
-
-    /* Focus ring — gold */
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
     --focus-ring-color: #e0a52c;
-
-    /* Layer 1 — backfill (see themes/_contract.md) */
-    /* Density axis — spacing scale */
+    --shadow-main: 0 4px 14px rgba(224, 165, 44, 0.12), 0 1px 3px rgba(0, 0, 0, 0.4);
+    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
+    --shadow-lg: 0 8px 30px rgba(224, 165, 44, 0.18), 0 4px 10px rgba(0, 0, 0, 0.35);
+    --shadow-inner: inset 0 1px 3px rgba(0, 0, 0, 0.4);
+    --shadow-none: none;
+    --shadow-hover: 0 12px 40px rgba(224, 165, 44, 0.22), 0 4px 12px rgba(0, 0, 0, 0.3);
+    --shadow-active: 0 2px 8px rgba(0, 0, 0, 0.35);
     --space-0: 0px;
     --space-1: 4px;
     --space-2: 8px;
@@ -137,7 +82,6 @@
     --space-10: 40px;
     --space-11: 44px;
     --space-12: 48px;
-    /* Density axis — per-element heights */
     --button-height-sm: 28px;
     --button-height-md: 36px;
     --button-height-lg: 44px;
@@ -147,17 +91,14 @@
     --row-height-compact: 32px;
     --row-height-normal: 40px;
     --row-height-spacious: 48px;
-    /* Density axis — per-element padding */
     --card-padding-sm: 12px;
     --card-padding-md: 16px;
     --card-padding-lg: 24px;
     --dialog-padding: 24px;
     --section-gap: 32px;
-    /* Type axis — family triplet */
     --font-family-display: var(--font-family);
     --font-family-body: var(--font-family);
     --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-    /* Type axis — size scale */
     --text-xs: 12px;
     --leading-xs: 16px;
     --text-sm: 14px;
@@ -178,7 +119,6 @@
     --leading-display-1: 52px;
     --text-display-2: 60px;
     --leading-display-2: 64px;
-    /* Type axis — intent mapping */
     --intent-heading-major-size: var(--text-2xl);
     --intent-heading-major-weight: var(--font-weight-bold);
     --intent-heading-major-leading: var(--leading-2xl);
@@ -200,30 +140,25 @@
     --intent-numeric-size: var(--text-sm);
     --intent-numeric-weight: var(--font-weight-medium);
     --intent-numeric-leading: var(--leading-sm);
-    /* Motion axis — duration palette */
     --duration-instant: 0ms;
     --duration-fast: var(--transition-fast);
     --duration-normal: var(--transition-normal);
     --duration-slow: var(--transition-slow);
     --duration-dramatic: 600ms;
-    /* Motion axis — easing palette */
     --easing-linear: linear;
     --easing-standard: var(--transition-timing);
     --easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
     --easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
-    /* Iconography axis */
     --icon-family: lucide;
+    --icon-stroke-width: 1.75;
     --icon-default-size: 16px;
-    /* Elevation axis — per-layer mapping */
     --elevation-card: var(--shadow-sm);
     --elevation-popover: var(--shadow-main);
     --elevation-dialog: var(--shadow-lg);
     --elevation-toast: var(--shadow-main);
-    /* Geometry axis — radius rhythm with intent */
     --radius-container: var(--radius-md);
     --radius-interactive: var(--radius-md);
     --radius-pill: var(--radius-full);
-    /* Geometry axis — border-width rhythm */
     --border-hairline: 1px;
     --border-standard: var(--border-width);
     --border-heavy: var(--border-width-thick);