@lemmo-lab/tokens 1.0.0 → 2.0.0

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 (10) hide show
  1. package/README.md +9 -1
  2. package/dist/css/themes/index.css +1 -1
  3. package/dist/css/themes/light.css +59 -81
  4. package/dist/css/themes/midnight.css +66 -88
  5. package/dist/css/themes/neon.css +63 -85
  6. package/dist/css/variables.css +149 -236
  7. package/dist/js/tokens.d.ts +2 -1
  8. package/dist/js/tokens.js +436 -166
  9. package/dist/tailwind/preset.js +16 -14
  10. package/package.json +1 -1
package/README.md CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  ## 🌟 Architecture & Multi-Theme System
8
8
 
9
- Lemu adopts a **Three-Tier Token Model**:
9
+ Lemmo adopts a **Three-Tier Token Model**:
10
10
  1. **Tier 1 — Core Primitives (`packages/tokens/src/core/`)**: Raw palettes, 4px spacing ladder, typography scales, radius, elevation, motion, breakpoints.
11
11
  2. **Tier 2 — Semantic Contract (`packages/tokens/src/semantic/`)**: Named component roles (`--surface-primary`, `--text-primary`, `--border-default`, etc.) that alias Tier 1 primitives.
12
12
  3. **Tier 3 — Themes (`packages/tokens/src/themes/`)**:
@@ -107,3 +107,11 @@ To build output tokens:
107
107
  ```bash
108
108
  pnpm build
109
109
  ```
110
+
111
+ ---
112
+
113
+ ## 📊 System Design Synchronization & Audit
114
+
115
+ `@lemmo-lab/tokens` is verified to be in **100% complete synchronization** with `System_design`. All 361 CSS variables, 4 brand fonts, status colors, and responsive scales match with zero discrepancies.
116
+
117
+ See full report: [docs/audit-system-design-sync.md](docs/audit-system-design-sync.md).
package/dist/css/themes/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @lemmo-lab/tokens - All Theme Presets Index
2
+ * @lemmo-lab/tokens (v2) - All Theme Presets Index
3
3
  */
4
4
  @import "./light.css";
5
5
  @import "./midnight.css";
package/dist/css/themes/light.css CHANGED
@@ -1,117 +1,95 @@
1
1
  /**
2
- * @lemmo-lab/tokens - LIGHT Theme Preset
3
- * Auto-generated by Style Dictionary pipeline. DO NOT EDIT DIRECTLY.
2
+ * @lemmo-lab/tokens (v2) - LIGHT Theme Preset
3
+ * Single Source of Truth for Lemmo Design System
4
+ * Governed strictly by AGENTS.md rules. DO NOT EDIT DIRECTLY.
4
5
  */
5
6
 
6
7
  [data-theme='light'],
7
8
  :root[data-theme='light'],
8
9
  .theme-light {
10
+ /* Colors & Roles */
9
11
  --lemmo-page-background: #f8f9fa;
10
- --lemu-page-background: #f8f9fa;
11
12
  --lemmo-page-foreground: #131517;
12
- --lemu-page-foreground: #131517;
13
13
  --lemmo-surface-primary-background: #ffffff;
14
- --lemu-surface-primary-background: #ffffff;
15
14
  --lemmo-surface-primary-foreground: #131517;
16
- --lemu-surface-primary-foreground: #131517;
17
15
  --lemmo-surface-secondary-background: #e9ecef;
18
- --lemu-surface-secondary-background: #e9ecef;
19
16
  --lemmo-surface-secondary-foreground: #495057;
20
- --lemu-surface-secondary-foreground: #495057;
21
17
  --lemmo-surface-tertiary-background: #ffffff;
22
- --lemu-surface-tertiary-background: #ffffff;
23
18
  --lemmo-surface-tertiary-foreground: #131517;
24
- --lemu-surface-tertiary-foreground: #131517;
25
19
  --lemmo-surface-elevated-background: #ffffff;
26
- --lemu-surface-elevated-background: #ffffff;
27
20
  --lemmo-surface-elevated-foreground: #131517;
28
- --lemu-surface-elevated-foreground: #131517;
29
21
  --lemmo-surface-glass-background: rgba(255, 255, 255, 0.88);
30
- --lemu-surface-glass-background: rgba(255, 255, 255, 0.88);
31
22
  --lemmo-surface-glass-foreground: #131517;
32
- --lemu-surface-glass-foreground: #131517;
33
- --lemmo-surface-brand-background: #d1fe17;
34
- --lemu-surface-brand-background: #d1fe17;
35
- --lemmo-surface-brand-foreground: #131517;
36
- --lemu-surface-brand-foreground: #131517;
23
+ --lemmo-surface-brand-background: #386b00;
24
+ --lemmo-surface-brand-foreground: #ffffff;
37
25
  --lemmo-text-primary: #131517;
38
- --lemu-text-primary: #131517;
39
26
  --lemmo-text-secondary: #495057;
40
- --lemu-text-secondary: #495057;
41
27
  --lemmo-text-muted: #6c757d;
42
- --lemu-text-muted: #6c757d;
43
28
  --lemmo-text-faint: #adb5bd;
44
- --lemu-text-faint: #adb5bd;
45
- --lemmo-text-onBrand: #131517;
46
- --lemu-text-onBrand: #131517;
29
+ --lemmo-text-on-brand: #ffffff;
47
30
  --lemmo-text-reverted: #ffffff;
48
- --lemu-text-reverted: #ffffff;
49
- --lemmo-text-danger: #b7094c;
50
- --lemu-text-danger: #b7094c;
51
- --lemmo-text-warning: #d00000;
52
- --lemu-text-warning: #d00000;
53
- --lemmo-text-success: #1b4332;
54
- --lemu-text-success: #1b4332;
55
- --lemmo-text-info: #03045e;
56
- --lemu-text-info: #03045e;
57
- --lemmo-border-default: rgba(0, 0, 0, 0.18);
58
- --lemu-border-default: rgba(0, 0, 0, 0.18);
31
+ --lemmo-text-danger: #c9184a;
32
+ --lemmo-text-warning: #b05d00;
33
+ --lemmo-text-success: #2d6a4f;
34
+ --lemmo-text-info: #00509d;
35
+ --lemmo-border-default: rgba(0, 0, 0, 0.25);
59
36
  --lemmo-border-subtle: rgba(0, 0, 0, 0.08);
60
- --lemu-border-subtle: rgba(0, 0, 0, 0.08);
61
- --lemmo-border-mid: rgba(0, 0, 0, 0.12);
62
- --lemu-border-mid: rgba(0, 0, 0, 0.12);
63
- --lemmo-border-danger: #d90429;
64
- --lemu-border-danger: #d90429;
65
- --lemmo-border-warning: #e85d04;
66
- --lemu-border-warning: #e85d04;
67
- --lemmo-border-success: #2b9348;
68
- --lemu-border-success: #2b9348;
69
- --lemmo-border-info: #0077b6;
70
- --lemu-border-info: #0077b6;
71
- --lemmo-interactive-primary-background: #d1fe17;
72
- --lemu-interactive-primary-background: #d1fe17;
73
- --lemmo-interactive-primary-foreground: #131517;
74
- --lemu-interactive-primary-foreground: #131517;
75
- --lemmo-interactive-primary-hover: #c4ee0b;
76
- --lemu-interactive-primary-hover: #c4ee0b;
37
+ --lemmo-border-mid: rgba(0, 0, 0, 0.15);
38
+ --lemmo-border-danger: #c9184a;
39
+ --lemmo-border-warning: #b05d00;
40
+ --lemmo-border-success: #2d6a4f;
41
+ --lemmo-border-info: #00509d;
42
+ --lemmo-interactive-primary-background: #386b00;
43
+ --lemmo-interactive-primary-foreground: #ffffff;
44
+ --lemmo-interactive-primary-hover: #829b19;
77
45
  --lemmo-interactive-secondary-background: #0256fe;
78
- --lemu-interactive-secondary-background: #0256fe;
79
46
  --lemmo-interactive-secondary-foreground: #ffffff;
80
- --lemu-interactive-secondary-foreground: #ffffff;
81
- --lemmo-interactive-secondary-hover: #1544ed;
82
- --lemu-interactive-secondary-hover: #1544ed;
47
+ --lemmo-interactive-secondary-hover: #245ef1;
83
48
  --lemmo-status-danger-background: #ffe3e3;
84
- --lemu-status-danger-background: #ffe3e3;
85
- --lemmo-status-danger-foreground: #b7094c;
86
- --lemu-status-danger-foreground: #b7094c;
87
- --lemmo-status-danger-border: #d90429;
88
- --lemu-status-danger-border: #d90429;
49
+ --lemmo-status-danger-foreground: #a4161a;
50
+ --lemmo-status-danger-border: #c9184a;
89
51
  --lemmo-status-danger-glow: #ff8787;
90
- --lemu-status-danger-glow: #ff8787;
91
52
  --lemmo-status-warning-background: #fff3bf;
92
- --lemu-status-warning-background: #fff3bf;
93
- --lemmo-status-warning-foreground: #d00000;
94
- --lemu-status-warning-foreground: #d00000;
95
- --lemmo-status-warning-border: #e85d04;
96
- --lemu-status-warning-border: #e85d04;
53
+ --lemmo-status-warning-foreground: #8a4500;
54
+ --lemmo-status-warning-border: #b05d00;
97
55
  --lemmo-status-warning-glow: #ffe066;
98
- --lemu-status-warning-glow: #ffe066;
99
56
  --lemmo-status-success-background: #d3f9d8;
100
- --lemu-status-success-background: #d3f9d8;
101
57
  --lemmo-status-success-foreground: #1b4332;
102
- --lemu-status-success-foreground: #1b4332;
103
- --lemmo-status-success-border: #2b9348;
104
- --lemu-status-success-border: #2b9348;
58
+ --lemmo-status-success-border: #2d6a4f;
105
59
  --lemmo-status-success-glow: #8ce99a;
106
- --lemu-status-success-glow: #8ce99a;
107
60
  --lemmo-status-info-background: #e7f5ff;
108
- --lemu-status-info-background: #e7f5ff;
109
- --lemmo-status-info-foreground: #03045e;
110
- --lemu-status-info-foreground: #03045e;
111
- --lemmo-status-info-border: #0077b6;
112
- --lemu-status-info-border: #0077b6;
61
+ --lemmo-status-info-foreground: #00296b;
62
+ --lemmo-status-info-border: #00509d;
113
63
  --lemmo-status-info-glow: #74c0fc;
114
- --lemu-status-info-glow: #74c0fc;
115
- --lemmo-radius-base: {radius.base};
116
- --lemu-radius-base: {radius.base};
64
+
65
+ /* Radius Base */
66
+ --lemmo-radius-base: .5rem;
67
+
68
+ /* Per-Theme Gradients */
69
+ --lemmo-gradient-surface-featured: linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #ffffff;
70
+ --lemmo-gradient-surface-pink-haze: radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.15) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #ffffff;
71
+ --lemmo-gradient-surface-olive: linear-gradient(180deg, #f4f6f0 0%, #eaefe5 55%, #e2ebd9 100%);
72
+ --lemmo-gradient-surface-ocean: linear-gradient(180deg, #edf4f7 0%, #e2eff4 45%, #d5e7ef 75%, #c5dee9 100%);
73
+ --lemmo-gradient-surface-steel: linear-gradient(180deg, #f1f3f6 0%, #e6e9ef 40%, #d9dde6 75%, #ccd1dc 100%);
74
+ --lemmo-gradient-surface-base: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
75
+ --lemmo-gradient-surface-soft: radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.3) 42%, rgba(255, 255, 255, 0.1) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
76
+ --lemmo-gradient-surface-lime-wash: radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
77
+ --lemmo-gradient-surface-pink-wash: radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
78
+ --lemmo-gradient-surface-blue-wash: radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
79
+ --lemmo-gradient-surface-steel-flat: linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #ffffff;
80
+ --lemmo-gradient-surface-plain: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
81
+ --lemmo-gradient-rim-vertical: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.07) 18%, rgba(0, 0, 0, 0.04) 38%, rgba(209, 254, 23, 0) 72%);
82
+ --lemmo-gradient-rim-diagonal: linear-gradient(225deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.07) 18%, rgba(0, 0, 0, 0.04) 42%, rgba(209, 254, 23, 0) 76%);
83
+ --lemmo-gradient-border-pink: radial-gradient(86.59% 115.91% at 50% 45.45%, #fb398c 0%, #ed1572 100%);
84
+ --lemmo-gradient-border-blue: radial-gradient(86.59% 115.91% at 50% 45.45%, #245ef1 0%, #1544ed 100%);
85
+ --lemmo-gradient-pill-lime: radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #386b00 0%, #386b00 100%);
86
+ --lemmo-gradient-pill-blue: radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #0256fe;
87
+ --lemmo-gradient-pill-ultraviolet: radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #0256fe 0%, #0256fe 100%);
88
+ --lemmo-gradient-pill-pink: radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff005b 0%, #ff005b 100%);
89
+ --lemmo-gradient-offer-base: radial-gradient(120% 90% at 50% 0%, #fce8ef 0%, #f8d4e2 38%, #f4c0d4 70%, #f0adc6 100%);
90
+ --lemmo-gradient-offer-flash: linear-gradient(0deg, rgba(255, 0, 91, 0.15) 0%, rgba(209, 254, 23, 0) 100%), linear-gradient(90deg, #ffffff 0%, #ffffff 100%);
91
+ --lemmo-gradient-offer-dots: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.07) 1px, rgba(209, 254, 23, 0) 0);
92
+ --lemmo-gradient-offer-combo: linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%);
93
+ --lemmo-gradient-table-cyan: radial-gradient(211% 211% at 50.16% 100%, {color.alpha.tableCyanLight} 0%, {color.alpha.tableCyanLight} 100%), rgba(255, 255, 255, 0.5);
94
+ --lemmo-gradient-overlay-darken: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
117
95
  }
package/dist/css/themes/midnight.css CHANGED
@@ -1,117 +1,95 @@
1
1
  /**
2
- * @lemmo-lab/tokens - MIDNIGHT Theme Preset
3
- * Auto-generated by Style Dictionary pipeline. DO NOT EDIT DIRECTLY.
2
+ * @lemmo-lab/tokens (v2) - MIDNIGHT Theme Preset
3
+ * Single Source of Truth for Lemmo Design System
4
+ * Governed strictly by AGENTS.md rules. DO NOT EDIT DIRECTLY.
4
5
  */
5
6
 
6
7
  [data-theme='midnight'],
7
8
  :root[data-theme='midnight'],
8
9
  .theme-midnight {
10
+ /* Colors & Roles */
9
11
  --lemmo-page-background: #000000;
10
- --lemu-page-background: #000000;
11
12
  --lemmo-page-foreground: #ffffff;
12
- --lemu-page-foreground: #ffffff;
13
13
  --lemmo-surface-primary-background: #0c0c0c;
14
- --lemu-surface-primary-background: #0c0c0c;
15
14
  --lemmo-surface-primary-foreground: #ffffff;
16
- --lemu-surface-primary-foreground: #ffffff;
17
15
  --lemmo-surface-secondary-background: #161616;
18
- --lemu-surface-secondary-background: #161616;
19
16
  --lemmo-surface-secondary-foreground: #999999;
20
- --lemu-surface-secondary-foreground: #999999;
21
- --lemmo-surface-tertiary-background: #050505;
22
- --lemu-surface-tertiary-background: #050505;
17
+ --lemmo-surface-tertiary-background: #040404;
23
18
  --lemmo-surface-tertiary-foreground: #ffffff;
24
- --lemu-surface-tertiary-foreground: #ffffff;
25
19
  --lemmo-surface-elevated-background: #1e1e1e;
26
- --lemu-surface-elevated-background: #1e1e1e;
27
20
  --lemmo-surface-elevated-foreground: #ffffff;
28
- --lemu-surface-elevated-foreground: #ffffff;
29
21
  --lemmo-surface-glass-background: rgba(0, 0, 0, 0.92);
30
- --lemu-surface-glass-background: rgba(0, 0, 0, 0.92);
31
22
  --lemmo-surface-glass-foreground: #ffffff;
32
- --lemu-surface-glass-foreground: #ffffff;
33
- --lemmo-surface-brand-background: #ffffff;
34
- --lemu-surface-brand-background: #ffffff;
23
+ --lemmo-surface-brand-background: #d1fe17;
35
24
  --lemmo-surface-brand-foreground: #000000;
36
- --lemu-surface-brand-foreground: #000000;
37
25
  --lemmo-text-primary: #ffffff;
38
- --lemu-text-primary: #ffffff;
39
26
  --lemmo-text-secondary: #999999;
40
- --lemu-text-secondary: #999999;
41
27
  --lemmo-text-muted: #666666;
42
- --lemu-text-muted: #666666;
43
28
  --lemmo-text-faint: #444444;
44
- --lemu-text-faint: #444444;
45
- --lemmo-text-onBrand: #000000;
46
- --lemu-text-onBrand: #000000;
29
+ --lemmo-text-on-brand: #000000;
47
30
  --lemmo-text-reverted: #000000;
48
- --lemu-text-reverted: #000000;
49
- --lemmo-text-danger: #ff4d4f;
50
- --lemu-text-danger: #ff4d4f;
51
- --lemmo-text-warning: #faad14;
52
- --lemu-text-warning: #faad14;
53
- --lemmo-text-success: #52c41a;
54
- --lemu-text-success: #52c41a;
55
- --lemmo-text-info: #1890ff;
56
- --lemu-text-info: #1890ff;
31
+ --lemmo-text-danger: #ff5462;
32
+ --lemmo-text-warning: #dfab01;
33
+ --lemmo-text-success: #4ee466;
34
+ --lemmo-text-info: #5b91fe;
57
35
  --lemmo-border-default: rgba(255, 255, 255, 0.2);
58
- --lemu-border-default: rgba(255, 255, 255, 0.2);
59
36
  --lemmo-border-subtle: rgba(255, 255, 255, 0.08);
60
- --lemu-border-subtle: rgba(255, 255, 255, 0.08);
61
37
  --lemmo-border-mid: rgba(255, 255, 255, 0.12);
62
- --lemu-border-mid: rgba(255, 255, 255, 0.12);
63
- --lemmo-border-danger: #ff4d4f;
64
- --lemu-border-danger: #ff4d4f;
65
- --lemmo-border-warning: #faad14;
66
- --lemu-border-warning: #faad14;
67
- --lemmo-border-success: #52c41a;
68
- --lemu-border-success: #52c41a;
69
- --lemmo-border-info: #1890ff;
70
- --lemu-border-info: #1890ff;
71
- --lemmo-interactive-primary-background: #ffffff;
72
- --lemu-interactive-primary-background: #ffffff;
38
+ --lemmo-border-danger: #fa0019;
39
+ --lemmo-border-warning: #dfab01;
40
+ --lemmo-border-success: #2eb844;
41
+ --lemmo-border-info: #0256fe;
42
+ --lemmo-interactive-primary-background: #d1fe17;
73
43
  --lemmo-interactive-primary-foreground: #000000;
74
- --lemu-interactive-primary-foreground: #000000;
75
- --lemmo-interactive-primary-hover: #e6e6e6;
76
- --lemu-interactive-primary-hover: #e6e6e6;
77
- --lemmo-interactive-secondary-background: #1f1f1f;
78
- --lemu-interactive-secondary-background: #1f1f1f;
44
+ --lemmo-interactive-primary-hover: #c4ee0b;
45
+ --lemmo-interactive-secondary-background: #0256fe;
79
46
  --lemmo-interactive-secondary-foreground: #ffffff;
80
- --lemu-interactive-secondary-foreground: #ffffff;
81
- --lemmo-interactive-secondary-hover: #2a2a2a;
82
- --lemu-interactive-secondary-hover: #2a2a2a;
83
- --lemmo-status-danger-background: #2a0a0a;
84
- --lemu-status-danger-background: #2a0a0a;
85
- --lemmo-status-danger-foreground: #ff7875;
86
- --lemu-status-danger-foreground: #ff7875;
87
- --lemmo-status-danger-border: #ff4d4f;
88
- --lemu-status-danger-border: #ff4d4f;
89
- --lemmo-status-danger-glow: #ff4d4f;
90
- --lemu-status-danger-glow: #ff4d4f;
91
- --lemmo-status-warning-background: #2b1d00;
92
- --lemu-status-warning-background: #2b1d00;
93
- --lemmo-status-warning-foreground: #ffc53d;
94
- --lemu-status-warning-foreground: #ffc53d;
95
- --lemmo-status-warning-border: #faad14;
96
- --lemu-status-warning-border: #faad14;
97
- --lemmo-status-warning-glow: #faad14;
98
- --lemu-status-warning-glow: #faad14;
99
- --lemmo-status-success-background: #092b00;
100
- --lemu-status-success-background: #092b00;
101
- --lemmo-status-success-foreground: #73d13d;
102
- --lemu-status-success-foreground: #73d13d;
103
- --lemmo-status-success-border: #52c41a;
104
- --lemu-status-success-border: #52c41a;
105
- --lemmo-status-success-glow: #52c41a;
106
- --lemu-status-success-glow: #52c41a;
107
- --lemmo-status-info-background: #001d40;
108
- --lemu-status-info-background: #001d40;
109
- --lemmo-status-info-foreground: #40a9ff;
110
- --lemu-status-info-foreground: #40a9ff;
111
- --lemmo-status-info-border: #1890ff;
112
- --lemu-status-info-border: #1890ff;
113
- --lemmo-status-info-glow: #1890ff;
114
- --lemu-status-info-glow: #1890ff;
115
- --lemmo-radius-base: 0px;
116
- --lemu-radius-base: 0px;
47
+ --lemmo-interactive-secondary-hover: #245ef1;
48
+ --lemmo-status-danger-background: #5c000f;
49
+ --lemmo-status-danger-foreground: #ff5462;
50
+ --lemmo-status-danger-border: #fa0019;
51
+ --lemmo-status-danger-glow: #ff1f2e;
52
+ --lemmo-status-warning-background: #523f00;
53
+ --lemmo-status-warning-foreground: #ffef33;
54
+ --lemmo-status-warning-border: #dfab01;
55
+ --lemmo-status-warning-glow: #fff05a;
56
+ --lemmo-status-success-background: #0d4a17;
57
+ --lemmo-status-success-foreground: #4ee466;
58
+ --lemmo-status-success-border: #2eb844;
59
+ --lemmo-status-success-glow: #00e62e;
60
+ --lemmo-status-info-background: #000d26;
61
+ --lemmo-status-info-foreground: #5b91fe;
62
+ --lemmo-status-info-border: #0256fe;
63
+ --lemmo-status-info-glow: #3cd8ff;
64
+
65
+ /* Radius Base */
66
+ --lemmo-radius-base: .5rem;
67
+
68
+ /* Per-Theme Gradients */
69
+ --lemmo-gradient-surface-featured: linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #1e1e1e;
70
+ --lemmo-gradient-surface-pink-haze: radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #1e1e1e;
71
+ --lemmo-gradient-surface-olive: linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%);
72
+ --lemmo-gradient-surface-ocean: linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%);
73
+ --lemmo-gradient-surface-steel: linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%);
74
+ --lemmo-gradient-surface-base: linear-gradient(180deg, #0c0c0c 0%, #000000 100%);
75
+ --lemmo-gradient-surface-soft: radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0.012) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%);
76
+ --lemmo-gradient-surface-lime-wash: radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%);
77
+ --lemmo-gradient-surface-pink-wash: radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%);
78
+ --lemmo-gradient-surface-blue-wash: radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #0c0c0c 0%, #000000 100%);
79
+ --lemmo-gradient-surface-steel-flat: linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #0c0c0c;
80
+ --lemmo-gradient-surface-plain: linear-gradient(180deg, #0c0c0c 0%, #000000 100%);
81
+ --lemmo-gradient-rim-vertical: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.09) 18%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 72%);
82
+ --lemmo-gradient-rim-diagonal: linear-gradient(225deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 18%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 76%);
83
+ --lemmo-gradient-border-pink: radial-gradient(86.59% 115.91% at 50% 45.45%, #fb398c 0%, #ed1572 100%);
84
+ --lemmo-gradient-border-blue: radial-gradient(86.59% 115.91% at 50% 45.45%, #245ef1 0%, #1544ed 100%);
85
+ --lemmo-gradient-pill-lime: radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #d1fe17 0%, #d1fe17 100%);
86
+ --lemmo-gradient-pill-blue: radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #0256fe;
87
+ --lemmo-gradient-pill-ultraviolet: radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #0256fe 0%, #0256fe 100%);
88
+ --lemmo-gradient-pill-pink: radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff005b 0%, #ff005b 100%);
89
+ --lemmo-gradient-offer-base: radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%);
90
+ --lemmo-gradient-offer-flash: linear-gradient(0deg, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.016) 100%), linear-gradient(90deg, #040404 0%, #040404 100%);
91
+ --lemmo-gradient-offer-dots: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, rgba(209, 254, 23, 0) 0);
92
+ --lemmo-gradient-offer-combo: linear-gradient(135deg, #ff005b 0%, #d1004e 40%, #8b006a 100%);
93
+ --lemmo-gradient-table-cyan: radial-gradient(211% 211% at 50.16% 100%, rgba(60, 140, 255, 0.20) 0%, rgba(60, 216, 255, 0.20) 100%), rgba(255, 255, 255, 0.08);
94
+ --lemmo-gradient-overlay-darken: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
117
95
  }
package/dist/css/themes/neon.css CHANGED
@@ -1,117 +1,95 @@
1
1
  /**
2
- * @lemmo-lab/tokens - NEON Theme Preset
3
- * Auto-generated by Style Dictionary pipeline. DO NOT EDIT DIRECTLY.
2
+ * @lemmo-lab/tokens (v2) - NEON Theme Preset
3
+ * Single Source of Truth for Lemmo Design System
4
+ * Governed strictly by AGENTS.md rules. DO NOT EDIT DIRECTLY.
4
5
  */
5
6
 
6
7
  [data-theme='neon'],
7
8
  :root[data-theme='neon'],
8
9
  .theme-neon {
10
+ /* Colors & Roles */
9
11
  --lemmo-page-background: #08090a;
10
- --lemu-page-background: #08090a;
11
12
  --lemmo-page-foreground: #f0f6fc;
12
- --lemu-page-foreground: #f0f6fc;
13
13
  --lemmo-surface-primary-background: #12151a;
14
- --lemu-surface-primary-background: #12151a;
15
14
  --lemmo-surface-primary-foreground: #f0f6fc;
16
- --lemu-surface-primary-foreground: #f0f6fc;
17
15
  --lemmo-surface-secondary-background: #181c24;
18
- --lemu-surface-secondary-background: #181c24;
19
16
  --lemmo-surface-secondary-foreground: #9db1c5;
20
- --lemu-surface-secondary-foreground: #9db1c5;
21
- --lemmo-surface-tertiary-background: #060708;
22
- --lemu-surface-tertiary-background: #060708;
17
+ --lemmo-surface-tertiary-background: #040506;
23
18
  --lemmo-surface-tertiary-foreground: #f0f6fc;
24
- --lemu-surface-tertiary-foreground: #f0f6fc;
25
19
  --lemmo-surface-elevated-background: #1c212b;
26
- --lemu-surface-elevated-background: #1c212b;
27
20
  --lemmo-surface-elevated-foreground: #f0f6fc;
28
- --lemu-surface-elevated-foreground: #f0f6fc;
29
21
  --lemmo-surface-glass-background: rgba(8, 9, 10, 0.9);
30
- --lemu-surface-glass-background: rgba(8, 9, 10, 0.9);
31
22
  --lemmo-surface-glass-foreground: #f0f6fc;
32
- --lemu-surface-glass-foreground: #f0f6fc;
33
23
  --lemmo-surface-brand-background: #00ff66;
34
- --lemu-surface-brand-background: #00ff66;
35
- --lemmo-surface-brand-foreground: #000000;
36
- --lemu-surface-brand-foreground: #000000;
24
+ --lemmo-surface-brand-foreground: #131517;
37
25
  --lemmo-text-primary: #f0f6fc;
38
- --lemu-text-primary: #f0f6fc;
39
26
  --lemmo-text-secondary: #9db1c5;
40
- --lemu-text-secondary: #9db1c5;
41
27
  --lemmo-text-muted: #697e94;
42
- --lemu-text-muted: #697e94;
43
28
  --lemmo-text-faint: #465668;
44
- --lemu-text-faint: #465668;
45
- --lemmo-text-onBrand: #000000;
46
- --lemu-text-onBrand: #000000;
47
- --lemmo-text-reverted: #000000;
48
- --lemu-text-reverted: #000000;
49
- --lemmo-text-danger: #ff0055;
50
- --lemu-text-danger: #ff0055;
51
- --lemmo-text-warning: #ffcc00;
52
- --lemu-text-warning: #ffcc00;
53
- --lemmo-text-success: #00ff88;
54
- --lemu-text-success: #00ff88;
29
+ --lemmo-text-on-brand: #131517;
30
+ --lemmo-text-reverted: #ffffff;
31
+ --lemmo-text-danger: #ff007f;
32
+ --lemmo-text-warning: #ffef33;
33
+ --lemmo-text-success: #00ff66;
55
34
  --lemmo-text-info: #00f0ff;
56
- --lemu-text-info: #00f0ff;
57
35
  --lemmo-border-default: rgba(0, 240, 255, 0.45);
58
- --lemu-border-default: rgba(0, 240, 255, 0.45);
59
36
  --lemmo-border-subtle: rgba(0, 240, 255, 0.15);
60
- --lemu-border-subtle: rgba(0, 240, 255, 0.15);
61
37
  --lemmo-border-mid: rgba(0, 240, 255, 0.25);
62
- --lemu-border-mid: rgba(0, 240, 255, 0.25);
63
- --lemmo-border-danger: #ff0055;
64
- --lemu-border-danger: #ff0055;
65
- --lemmo-border-warning: #ffcc00;
66
- --lemu-border-warning: #ffcc00;
67
- --lemmo-border-success: #00ff88;
68
- --lemu-border-success: #00ff88;
38
+ --lemmo-border-danger: #ff007f;
39
+ --lemmo-border-warning: #dfab01;
40
+ --lemmo-border-success: #00ff66;
69
41
  --lemmo-border-info: #00f0ff;
70
- --lemu-border-info: #00f0ff;
71
42
  --lemmo-interactive-primary-background: #00ff66;
72
- --lemu-interactive-primary-background: #00ff66;
73
- --lemmo-interactive-primary-foreground: #000000;
74
- --lemu-interactive-primary-foreground: #000000;
75
- --lemmo-interactive-primary-hover: #33ff85;
76
- --lemu-interactive-primary-hover: #33ff85;
43
+ --lemmo-interactive-primary-foreground: #131517;
44
+ --lemmo-interactive-primary-hover: #c4ee0b;
77
45
  --lemmo-interactive-secondary-background: #00f0ff;
78
- --lemu-interactive-secondary-background: #00f0ff;
79
- --lemmo-interactive-secondary-foreground: #000000;
80
- --lemu-interactive-secondary-foreground: #000000;
81
- --lemmo-interactive-secondary-hover: #4df4ff;
82
- --lemu-interactive-secondary-hover: #4df4ff;
83
- --lemmo-status-danger-background: rgba(255, 0, 85, 0.15);
84
- --lemu-status-danger-background: rgba(255, 0, 85, 0.15);
85
- --lemmo-status-danger-foreground: #ff3377;
86
- --lemu-status-danger-foreground: #ff3377;
87
- --lemmo-status-danger-border: #ff0055;
88
- --lemu-status-danger-border: #ff0055;
89
- --lemmo-status-danger-glow: #ff0055;
90
- --lemu-status-danger-glow: #ff0055;
91
- --lemmo-status-warning-background: rgba(255, 204, 0, 0.15);
92
- --lemu-status-warning-background: rgba(255, 204, 0, 0.15);
93
- --lemmo-status-warning-foreground: #ffdd33;
94
- --lemu-status-warning-foreground: #ffdd33;
95
- --lemmo-status-warning-border: #ffcc00;
96
- --lemu-status-warning-border: #ffcc00;
97
- --lemmo-status-warning-glow: #ffcc00;
98
- --lemu-status-warning-glow: #ffcc00;
99
- --lemmo-status-success-background: rgba(0, 255, 136, 0.15);
100
- --lemu-status-success-background: rgba(0, 255, 136, 0.15);
101
- --lemmo-status-success-foreground: #33ffa3;
102
- --lemu-status-success-foreground: #33ffa3;
103
- --lemmo-status-success-border: #00ff88;
104
- --lemu-status-success-border: #00ff88;
105
- --lemmo-status-success-glow: #00ff88;
106
- --lemu-status-success-glow: #00ff88;
107
- --lemmo-status-info-background: rgba(0, 240, 255, 0.15);
108
- --lemu-status-info-background: rgba(0, 240, 255, 0.15);
109
- --lemmo-status-info-foreground: #4df4ff;
110
- --lemu-status-info-foreground: #4df4ff;
46
+ --lemmo-interactive-secondary-foreground: #131517;
47
+ --lemmo-interactive-secondary-hover: #9ce6f3;
48
+ --lemmo-status-danger-background: #5c000f;
49
+ --lemmo-status-danger-foreground: #ff5462;
50
+ --lemmo-status-danger-border: #ff007f;
51
+ --lemmo-status-danger-glow: #ff007f;
52
+ --lemmo-status-warning-background: #523f00;
53
+ --lemmo-status-warning-foreground: #ffef33;
54
+ --lemmo-status-warning-border: #dfab01;
55
+ --lemmo-status-warning-glow: #fff05a;
56
+ --lemmo-status-success-background: #0d4a17;
57
+ --lemmo-status-success-foreground: #00ff66;
58
+ --lemmo-status-success-border: #00ff66;
59
+ --lemmo-status-success-glow: #00ff66;
60
+ --lemmo-status-info-background: #000d26;
61
+ --lemmo-status-info-foreground: #00f0ff;
111
62
  --lemmo-status-info-border: #00f0ff;
112
- --lemu-status-info-border: #00f0ff;
113
63
  --lemmo-status-info-glow: #00f0ff;
114
- --lemu-status-info-glow: #00f0ff;
115
- --lemmo-radius-base: .25rem;
116
- --lemu-radius-base: .25rem;
64
+
65
+ /* Radius Base */
66
+ --lemmo-radius-base: .5rem;
67
+
68
+ /* Per-Theme Gradients */
69
+ --lemmo-gradient-surface-featured: linear-gradient(225deg, rgba(209, 254, 23, 0.16) 0%, rgba(209, 254, 23, 0.08) 28%, rgba(209, 254, 23, 0) 62%), #1c212b;
70
+ --lemmo-gradient-surface-pink-haze: radial-gradient(145% 54% at 100% 0%, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.15) 42%, rgba(255, 0, 91, 0) 78%), #1c212b;
71
+ --lemmo-gradient-surface-olive: linear-gradient(180deg, #1F2022 0%, #222420 55%, #272A20 100%);
72
+ --lemmo-gradient-surface-ocean: linear-gradient(180deg, #121D23 0%, #152026 45%, #1D282E 75%, #273238 100%);
73
+ --lemmo-gradient-surface-steel: linear-gradient(180deg, #1F2024 0%, #232428 40%, #343539 75%, #48494D 100%);
74
+ --lemmo-gradient-surface-base: linear-gradient(180deg, #12151a 0%, #08090a 100%);
75
+ --lemmo-gradient-surface-soft: radial-gradient(58% 220% at 3% 42%, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.035) 42%, rgba(255, 255, 255, 0.012) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%);
76
+ --lemmo-gradient-surface-lime-wash: radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(187, 251, 12, 0.07) 0%, rgba(12, 251, 32, 0.01) 100%), radial-gradient(41.8% 183.68% at 10.4% 53.71%, rgba(197, 197, 197, 0.08) 0%, rgba(197, 197, 197, 0.01) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%);
77
+ --lemmo-gradient-surface-pink-wash: radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(237, 21, 114, 0.10) 0%, rgba(237, 21, 114, 0.01) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%);
78
+ --lemmo-gradient-surface-blue-wash: radial-gradient(56.49% 230.73% at 2.37% 40.91%, rgba(21, 68, 237, 0.10) 0%, rgba(21, 68, 237, 0.01) 100%), linear-gradient(180deg, #12151a 0%, #08090a 100%);
79
+ --lemmo-gradient-surface-steel-flat: linear-gradient(180deg, rgba(110, 145, 188, 0.02) 0%, rgba(110, 145, 188, 0.20) 100%), #12151a;
80
+ --lemmo-gradient-surface-plain: linear-gradient(180deg, #12151a 0%, #08090a 100%);
81
+ --lemmo-gradient-rim-vertical: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.09) 18%, rgba(255, 255, 255, 0.03) 38%, rgba(255, 255, 255, 0) 72%);
82
+ --lemmo-gradient-rim-diagonal: linear-gradient(225deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.10) 18%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0) 76%);
83
+ --lemmo-gradient-border-pink: radial-gradient(86.59% 115.91% at 50% 45.45%, #ff007f 0%, #ed1572 100%);
84
+ --lemmo-gradient-border-blue: radial-gradient(86.59% 115.91% at 50% 45.45%, #00f0ff 0%, #1544ed 100%);
85
+ --lemmo-gradient-pill-lime: radial-gradient(ellipse 55% 95% at 73% 50%, rgba(117, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(200, 239, 29, 0.6) 0%, rgba(194, 237, 21, 0) 100%), linear-gradient(90deg, #00ff66 0%, #00ff66 100%);
86
+ --lemmo-gradient-pill-blue: radial-gradient(ellipse 75% 300% at 73% 50%, #1d63ef 0%, #5150d0 45%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 30% 120% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), #00f0ff;
87
+ --lemmo-gradient-pill-ultraviolet: radial-gradient(ellipse 55% 95% at 73% 50%, rgba(29, 99, 239, 0.6) 0%, rgba(81, 80, 208, 0.45) 25%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(29, 99, 239, 0.6) 0%, rgba(133, 60, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #00f0ff 0%, #00f0ff 100%);
88
+ --lemmo-gradient-pill-pink: radial-gradient(ellipse 55% 95% at 73% 50%, rgba(239, 29, 186, 0.6) 0%, rgba(237, 21, 114, 0) 100%), radial-gradient(ellipse 25% 42% at 85% 37%, rgba(255, 255, 255, 0.6) 0%, rgba(209, 254, 23, 0) 100%), radial-gradient(ellipse 33% 70% at 12% 76%, rgba(176, 29, 239, 0.6) 0%, rgba(206, 25, 176, 0.3) 50%, rgba(237, 21, 114, 0) 100%), linear-gradient(90deg, #ff007f 0%, #ff007f 100%);
89
+ --lemmo-gradient-offer-base: radial-gradient(120% 90% at 50% 0%, #55142c 0%, #35101d 38%, #1e0c14 70%, #140a0f 100%);
90
+ --lemmo-gradient-offer-flash: linear-gradient(0deg, rgba(255, 0, 91, 0.32) 0%, rgba(255, 0, 91, 0.016) 100%), linear-gradient(90deg, #040506 0%, #040506 100%);
91
+ --lemmo-gradient-offer-dots: radial-gradient(circle at 1px 1px, rgba(0, 240, 255, 0.15) 1px, rgba(209, 254, 23, 0) 0);
92
+ --lemmo-gradient-offer-combo: linear-gradient(135deg, #ff007f 0%, #d1004e 40%, #8b006a 100%);
93
+ --lemmo-gradient-table-cyan: radial-gradient(211% 211% at 50.16% 100%, rgba(60, 140, 255, 0.20) 0%, rgba(60, 216, 255, 0.20) 100%), rgba(0, 240, 255, 0.15);
94
+ --lemmo-gradient-overlay-darken: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
117
95
  }