@conduction/docusaurus-preset 3.44.2 → 3.44.3

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 (86) hide show
  1. package/package.json +1 -1
  2. package/src/components/AgentTrace/AgentTrace.module.css +1 -1
  3. package/src/components/AiDisclosure/AiDisclosure.module.css +2 -2
  4. package/src/components/AppCrossLinks/AppCrossLinks.module.css +9 -9
  5. package/src/components/AppMock/AppMock.module.css +46 -46
  6. package/src/components/AppsGrid/AppsGrid.module.css +4 -4
  7. package/src/components/AppsPreview/AppsPreview.module.css +7 -7
  8. package/src/components/AtomZones/AtomZones.module.css +19 -19
  9. package/src/components/BlueprintRush/BlueprintRush.module.css +13 -13
  10. package/src/components/BuildMock/BuildMock.module.css +11 -11
  11. package/src/components/Clients/Clients.module.css +4 -4
  12. package/src/components/ContentCard/ContentCard.module.css +13 -13
  13. package/src/components/ContentDetailHero/ContentDetailHero.module.css +6 -6
  14. package/src/components/ContentTypeFilter/ContentTypeFilter.module.css +5 -5
  15. package/src/components/CtaBanner/CtaBanner.module.css +1 -1
  16. package/src/components/DeadlineDefender/DeadlineDefender.module.css +14 -14
  17. package/src/components/DetailHero/DetailHero.module.css +11 -11
  18. package/src/components/DiceDuel/DiceDuel.module.css +16 -16
  19. package/src/components/DownloadPanel/DownloadPanel.module.css +4 -4
  20. package/src/components/EmployeeCard/EmployeeCard.module.css +19 -19
  21. package/src/components/ExternalAppShelf/ExternalAppShelf.module.css +5 -5
  22. package/src/components/FAQ/FAQ.module.css +4 -4
  23. package/src/components/FacetedFilters/FacetedFilters.module.css +10 -10
  24. package/src/components/FeatureGrid/FeatureGrid.module.css +8 -8
  25. package/src/components/FeatureList/FeatureList.module.css +4 -4
  26. package/src/components/FeaturedCard/FeaturedCard.module.css +3 -3
  27. package/src/components/FlowMock/FlowMock.module.css +2 -2
  28. package/src/components/GameModal/GameModal.module.css +32 -32
  29. package/src/components/Hero/Hero.module.css +4 -4
  30. package/src/components/HexBackground/HexBackground.module.css +3 -3
  31. package/src/components/HexCard/HexCard.module.css +4 -4
  32. package/src/components/HexNetwork/HexNetwork.module.css +6 -6
  33. package/src/components/HiddenGame/HiddenGame.module.css +2 -2
  34. package/src/components/HowSteps/HowSteps.module.css +3 -3
  35. package/src/components/IntegrationIcon/IntegrationIcon.module.css +1 -1
  36. package/src/components/KanbanMock/KanbanMock.module.css +8 -8
  37. package/src/components/LeafCard/LeafCard.module.css +15 -15
  38. package/src/components/LeafMock/LeafMock.module.css +8 -8
  39. package/src/components/LockPick/LockPick.module.css +14 -14
  40. package/src/components/ManagedCommonGround/ManagedCommonGround.module.css +1 -1
  41. package/src/components/McpToolShelf/McpToolShelf.module.css +8 -8
  42. package/src/components/MockScene/MockScene.module.css +1 -1
  43. package/src/components/ModuleCard/ModuleCard.module.css +11 -11
  44. package/src/components/ModulePage/ModulePage.module.css +9 -9
  45. package/src/components/MonsterRun/MonsterRun.module.css +12 -12
  46. package/src/components/NewsletterCta/NewsletterCta.module.css +9 -9
  47. package/src/components/NextSteps/NextSteps.module.css +9 -9
  48. package/src/components/Outcomes/Outcomes.module.css +5 -5
  49. package/src/components/PaintByTokens/PaintByTokens.module.css +15 -15
  50. package/src/components/PairCard/PairCard.module.css +3 -3
  51. package/src/components/PartnerCard/PartnerCard.module.css +21 -21
  52. package/src/components/PartnerDirectory/PartnerDirectory.module.css +1 -1
  53. package/src/components/PartnerSidecard/PartnerSidecard.module.css +9 -9
  54. package/src/components/PipeFit/PipeFit.module.css +10 -10
  55. package/src/components/Pipeline/Pipeline.module.css +7 -7
  56. package/src/components/PlatformOverview/PlatformOverview.module.css +4 -4
  57. package/src/components/Prerequisites/Prerequisites.module.css +5 -5
  58. package/src/components/PullQuote/PullQuote.module.css +5 -5
  59. package/src/components/Reconcile/Reconcile.module.css +15 -15
  60. package/src/components/RecordRun/RecordRun.module.css +16 -16
  61. package/src/components/Redaction/Redaction.module.css +13 -13
  62. package/src/components/ReferenceCard/ReferenceCard.module.css +7 -7
  63. package/src/components/RelatedPosts/RelatedPosts.module.css +1 -1
  64. package/src/components/RotatingCards/RotatingCards.module.css +8 -8
  65. package/src/components/SetupSteps/SetupSteps.module.css +6 -6
  66. package/src/components/Showcase/Showcase.module.css +12 -12
  67. package/src/components/SidebarMock/SidebarMock.module.css +2 -2
  68. package/src/components/SolutionCard/SolutionCard.module.css +5 -5
  69. package/src/components/StampRush/StampRush.module.css +12 -12
  70. package/src/components/StatsStrip/StatsStrip.module.css +3 -3
  71. package/src/components/ThemeSeamMock/ThemeSeamMock.module.css +1 -1
  72. package/src/components/Troubleshooting/Troubleshooting.module.css +7 -7
  73. package/src/components/WidgetMock/WidgetMock.module.css +1 -1
  74. package/src/components/WidgetShelf/WidgetShelf.module.css +11 -11
  75. package/src/components/primitives/AuthorByline.module.css +5 -5
  76. package/src/components/primitives/Button.module.css +8 -8
  77. package/src/components/primitives/Card.module.css +3 -3
  78. package/src/components/primitives/Eyebrow.module.css +1 -1
  79. package/src/components/primitives/HexThumbnail.module.css +1 -1
  80. package/src/components/primitives/Pill.module.css +2 -2
  81. package/src/components/primitives/Section.module.css +2 -2
  82. package/src/components/primitives/SectionHead.module.css +2 -2
  83. package/src/css/brand.css +17 -17
  84. package/src/css/tokens.css +60 -0
  85. package/src/theme/ErrorPageContent/styles.module.css +9 -9
  86. package/src/theme/Navbar/styles.module.css +17 -17
package/src/components/LockPick/LockPick.module.css CHANGED
@@ -9,7 +9,7 @@
9
9
  .lp {
10
10
  border: 1px solid var(--c-cobalt-100);
11
11
  border-radius: var(--radius-lg);
12
- background: white;
12
+ background: var(--conduction-color-surface-card);
13
13
  padding: clamp(16px, 3vw, 28px);
14
14
  font-family: var(--conduction-typography-font-family-body);
15
15
  }
@@ -36,7 +36,7 @@
36
36
  margin: 0 0 6px;
37
37
  font-size: 20px;
38
38
  font-weight: 700;
39
- color: var(--c-cobalt-900);
39
+ color: var(--conduction-color-text-strong);
40
40
  }
41
41
 
42
42
  .lede {
@@ -44,7 +44,7 @@
44
44
  max-width: 58ch;
45
45
  font-size: 14px;
46
46
  line-height: 1.5;
47
- color: var(--c-cobalt-700);
47
+ color: var(--conduction-color-text-body);
48
48
  }
49
49
 
50
50
  .hud {
@@ -58,8 +58,8 @@
58
58
  .hudPill {
59
59
  padding: 6px 10px;
60
60
  border-radius: var(--radius-pill);
61
- background: var(--c-cobalt-50);
62
- color: var(--c-cobalt-900);
61
+ background: var(--conduction-color-surface-subtle);
62
+ color: var(--conduction-color-text-strong);
63
63
  white-space: nowrap;
64
64
  }
65
65
 
@@ -70,7 +70,7 @@
70
70
  gap: 24px;
71
71
  padding: 18px;
72
72
  border-radius: var(--radius-md);
73
- background: var(--c-cobalt-50);
73
+ background: var(--conduction-color-surface-subtle);
74
74
  max-width: 620px;
75
75
  }
76
76
 
@@ -80,7 +80,7 @@
80
80
  height: 104px;
81
81
  flex-shrink: 0;
82
82
  border-radius: 50%;
83
- background: white;
83
+ background: var(--conduction-color-surface-card);
84
84
  border: 2px solid var(--c-cobalt-200);
85
85
  overflow: hidden;
86
86
  }
@@ -118,7 +118,7 @@
118
118
  .dialLabel {
119
119
  display: block;
120
120
  font-size: 12px;
121
- color: var(--c-cobalt-700);
121
+ color: var(--conduction-color-text-body);
122
122
  margin-bottom: 6px;
123
123
  }
124
124
 
@@ -131,7 +131,7 @@
131
131
  .feel {
132
132
  margin: 10px 0 0;
133
133
  font-size: 13px;
134
- color: var(--c-cobalt-900);
134
+ color: var(--conduction-color-text-strong);
135
135
  min-height: 1.4em;
136
136
  }
137
137
 
@@ -145,7 +145,7 @@
145
145
  .pickLabel {
146
146
  font-family: var(--conduction-typography-font-family-code);
147
147
  font-size: 11px;
148
- color: var(--c-cobalt-400);
148
+ color: var(--conduction-color-text-muted);
149
149
  white-space: nowrap;
150
150
  }
151
151
 
@@ -189,8 +189,8 @@
189
189
  .turn:focus-visible { outline: 2px solid var(--c-cobalt-900); outline-offset: 2px; }
190
190
 
191
191
  .start {
192
- background: white;
193
- color: var(--c-cobalt-700);
192
+ background: var(--conduction-color-surface-card);
193
+ color: var(--conduction-color-text-body);
194
194
  border: 1px solid var(--c-cobalt-200);
195
195
  padding: 10px 18px;
196
196
  border-radius: var(--radius-md);
@@ -200,13 +200,13 @@
200
200
  cursor: pointer;
201
201
  transition: border-color 120ms ease;
202
202
  }
203
- .start:hover { border-color: var(--c-blue-cobalt); color: var(--c-blue-cobalt); }
203
+ .start:hover { border-color: var(--c-blue-cobalt); color: var(--conduction-color-text-default); }
204
204
  .start:focus-visible { outline: 2px solid var(--c-blue-cobalt); outline-offset: 2px; }
205
205
 
206
206
  .feedback {
207
207
  margin: 0;
208
208
  flex-basis: 100%;
209
209
  font-size: 13px;
210
- color: var(--c-cobalt-700);
210
+ color: var(--conduction-color-text-body);
211
211
  min-height: 1.5em;
212
212
  }
package/src/components/ManagedCommonGround/ManagedCommonGround.module.css CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  .footnote {
10
10
  font-size: 13px;
11
- color: var(--c-cobalt-700);
11
+ color: var(--conduction-color-text-body);
12
12
  text-align: center;
13
13
  margin: var(--space-5) auto 0;
14
14
  max-width: 64ch;
package/src/components/McpToolShelf/McpToolShelf.module.css CHANGED
@@ -28,9 +28,9 @@
28
28
  }
29
29
  .title {
30
30
  font-size: 36px; font-weight: 700; letter-spacing: -0.02em;
31
- line-height: 1.1; color: var(--c-cobalt-900); margin: 0 0 var(--space-3);
31
+ line-height: 1.1; color: var(--conduction-color-text-strong); margin: 0 0 var(--space-3);
32
32
  }
33
- .lede { font-size: 17px; line-height: 1.5; color: var(--c-cobalt-700); margin: 0; }
33
+ .lede { font-size: 17px; line-height: 1.5; color: var(--conduction-color-text-body); margin: 0; }
34
34
 
35
35
  .layout {
36
36
  display: grid;
@@ -52,7 +52,7 @@
52
52
  }
53
53
 
54
54
  .card {
55
- background: white;
55
+ background: var(--conduction-color-surface-card);
56
56
  border: 1px solid var(--c-cobalt-100);
57
57
  border-radius: var(--radius-lg);
58
58
  padding: var(--space-4) var(--space-5);
@@ -102,7 +102,7 @@
102
102
  font-size: 16px;
103
103
  font-weight: 600;
104
104
  letter-spacing: -0.005em;
105
- color: var(--c-cobalt-900);
105
+ color: var(--conduction-color-text-strong);
106
106
  margin: 0;
107
107
  line-height: 1.3;
108
108
  }
@@ -111,8 +111,8 @@
111
111
  font-family: var(--conduction-typography-font-family-code);
112
112
  font-size: 11px;
113
113
  font-weight: 500;
114
- color: var(--c-cobalt-700);
115
- background: var(--c-cobalt-50);
114
+ color: var(--conduction-color-text-body);
115
+ background: var(--conduction-color-surface-subtle);
116
116
  padding: 1px 6px;
117
117
  border-radius: var(--radius-sm);
118
118
  align-self: flex-start;
@@ -133,7 +133,7 @@
133
133
  .cardDesc {
134
134
  font-size: 14px;
135
135
  line-height: 1.55;
136
- color: var(--c-cobalt-700);
136
+ color: var(--conduction-color-text-body);
137
137
  margin: 0;
138
138
  }
139
139
 
@@ -155,7 +155,7 @@
155
155
  font-size: 11px;
156
156
  letter-spacing: 0.06em;
157
157
  text-transform: uppercase;
158
- color: var(--c-cobalt-400);
158
+ color: var(--conduction-color-text-muted);
159
159
  }
160
160
  .legendItem {
161
161
  display: inline-flex;
package/src/components/MockScene/MockScene.module.css CHANGED
@@ -53,7 +53,7 @@
53
53
  reads as a heavy border. So inside .sceneItem the .wmFrame becomes
54
54
  white-on-white with a soft shadow, matching the SidebarMock chrome. */
55
55
  .am .sceneItem .wmFrame {
56
- background: white;
56
+ background: var(--conduction-color-surface-card);
57
57
  border: 1px solid var(--c-cobalt-100);
58
58
  padding: 12px;
59
59
  box-shadow: 0 8px 24px -10px rgba(0, 0, 0, 0.1);
package/src/components/ModuleCard/ModuleCard.module.css CHANGED
@@ -9,7 +9,7 @@
9
9
  grid-template-columns: 200px 1fr;
10
10
  gap: var(--space-6);
11
11
  padding: var(--space-5);
12
- background: var(--c-cobalt-50);
12
+ background: var(--conduction-color-surface-subtle);
13
13
  border-radius: var(--radius-lg);
14
14
  text-decoration: none;
15
15
  color: inherit;
@@ -18,7 +18,7 @@
18
18
  font-family: var(--conduction-typography-font-family-body);
19
19
  }
20
20
  .card:hover {
21
- background: white;
21
+ background: var(--conduction-color-surface-card);
22
22
  box-shadow: var(--shadow-2);
23
23
  transform: translateY(-2px);
24
24
  text-decoration: none;
@@ -59,8 +59,8 @@
59
59
  .avatar {
60
60
  width: 32px;
61
61
  height: 32px;
62
- background: var(--c-cobalt-100);
63
- color: var(--c-cobalt-700);
62
+ background: var(--conduction-color-surface-sunken);
63
+ color: var(--conduction-color-text-body);
64
64
  display: inline-flex;
65
65
  align-items: center;
66
66
  justify-content: center;
@@ -79,7 +79,7 @@
79
79
  .metaAuthor {
80
80
  font-size: 13px;
81
81
  font-weight: 600;
82
- color: var(--c-cobalt-900);
82
+ color: var(--conduction-color-text-strong);
83
83
  line-height: 1.3;
84
84
  overflow-wrap: anywhere;
85
85
  }
@@ -87,7 +87,7 @@
87
87
  font-family: var(--conduction-typography-font-family-code);
88
88
  font-size: 11px;
89
89
  letter-spacing: 0.04em;
90
- color: var(--c-cobalt-700);
90
+ color: var(--conduction-color-text-body);
91
91
  line-height: 1.3;
92
92
  white-space: nowrap;
93
93
  }
@@ -96,7 +96,7 @@
96
96
  font-size: 11px;
97
97
  letter-spacing: 0.08em;
98
98
  text-transform: uppercase;
99
- color: var(--c-blue-cobalt);
99
+ color: var(--conduction-color-text-default);
100
100
  line-height: 1.3;
101
101
  margin-top: 2px;
102
102
  font-weight: 600;
@@ -105,7 +105,7 @@
105
105
  font-family: var(--conduction-typography-font-family-code);
106
106
  font-size: 11px;
107
107
  letter-spacing: 0.04em;
108
- color: var(--c-cobalt-400);
108
+ color: var(--conduction-color-text-muted);
109
109
  line-height: 1.3;
110
110
  overflow-wrap: anywhere;
111
111
  }
@@ -125,14 +125,14 @@
125
125
  font-size: 18px;
126
126
  font-weight: 700;
127
127
  letter-spacing: -0.01em;
128
- color: var(--c-cobalt-900);
128
+ color: var(--conduction-color-text-strong);
129
129
  margin: 0;
130
130
  line-height: 1.3;
131
131
  }
132
132
 
133
133
  .lede {
134
134
  font-size: 14px;
135
- color: var(--c-cobalt-700);
135
+ color: var(--conduction-color-text-body);
136
136
  margin: 0;
137
137
  line-height: 1.55;
138
138
  }
@@ -141,7 +141,7 @@
141
141
  font-family: var(--conduction-typography-font-family-code);
142
142
  font-size: 11px;
143
143
  letter-spacing: 0.04em;
144
- color: var(--c-cobalt-700);
144
+ color: var(--conduction-color-text-body);
145
145
  line-height: 1.4;
146
146
  margin-top: 4px;
147
147
  }
package/src/components/ModulePage/ModulePage.module.css CHANGED
@@ -15,7 +15,7 @@
15
15
  font-size: 12px;
16
16
  letter-spacing: 0.08em;
17
17
  text-transform: uppercase;
18
- color: var(--c-cobalt-400);
18
+ color: var(--conduction-color-text-muted);
19
19
  margin-bottom: var(--space-3);
20
20
  }
21
21
 
@@ -23,14 +23,14 @@
23
23
  font-size: 36px;
24
24
  font-weight: 700;
25
25
  letter-spacing: -0.015em;
26
- color: var(--c-cobalt-900);
26
+ color: var(--conduction-color-text-strong);
27
27
  line-height: 1.15;
28
28
  margin: 0 0 var(--space-3);
29
29
  }
30
30
 
31
31
  .lede {
32
32
  font-size: 18px;
33
- color: var(--c-cobalt-700);
33
+ color: var(--conduction-color-text-body);
34
34
  line-height: 1.55;
35
35
  margin: 0 0 var(--space-4);
36
36
  }
@@ -42,7 +42,7 @@
42
42
  font-family: var(--conduction-typography-font-family-code);
43
43
  font-size: 12px;
44
44
  letter-spacing: 0.04em;
45
- color: var(--c-cobalt-400);
45
+ color: var(--conduction-color-text-muted);
46
46
  text-transform: uppercase;
47
47
  }
48
48
 
@@ -52,7 +52,7 @@
52
52
  padding: var(--space-4) 0 var(--space-5);
53
53
  max-width: 720px;
54
54
  font-size: 16px;
55
- color: var(--c-cobalt-700);
55
+ color: var(--conduction-color-text-body);
56
56
  line-height: 1.7;
57
57
  }
58
58
 
@@ -64,7 +64,7 @@
64
64
  font-size: 22px;
65
65
  font-weight: 700;
66
66
  letter-spacing: -0.01em;
67
- color: var(--c-cobalt-900);
67
+ color: var(--conduction-color-text-strong);
68
68
  margin: 0 0 var(--space-4);
69
69
  }
70
70
 
@@ -74,15 +74,15 @@
74
74
  }
75
75
  .notFound h1 {
76
76
  font-size: 28px;
77
- color: var(--c-cobalt-900);
77
+ color: var(--conduction-color-text-strong);
78
78
  margin-bottom: var(--space-3);
79
79
  }
80
80
  .notFound p {
81
- color: var(--c-cobalt-700);
81
+ color: var(--conduction-color-text-body);
82
82
  line-height: 1.6;
83
83
  }
84
84
  .notFound code {
85
- background: var(--c-cobalt-50);
85
+ background: var(--conduction-color-surface-subtle);
86
86
  padding: 2px 6px;
87
87
  border-radius: 4px;
88
88
  font-family: var(--conduction-typography-font-family-code);
package/src/components/MonsterRun/MonsterRun.module.css CHANGED
@@ -10,7 +10,7 @@
10
10
  .mr {
11
11
  border: 1px solid var(--c-cobalt-100);
12
12
  border-radius: var(--radius-lg);
13
- background: white;
13
+ background: var(--conduction-color-surface-card);
14
14
  padding: clamp(16px, 3vw, 28px);
15
15
  font-family: var(--conduction-typography-font-family-body);
16
16
  }
@@ -37,7 +37,7 @@
37
37
  margin: 0 0 6px;
38
38
  font-size: 20px;
39
39
  font-weight: 700;
40
- color: var(--c-cobalt-900);
40
+ color: var(--conduction-color-text-strong);
41
41
  }
42
42
 
43
43
  .lede {
@@ -45,7 +45,7 @@
45
45
  max-width: 58ch;
46
46
  font-size: 14px;
47
47
  line-height: 1.5;
48
- color: var(--c-cobalt-700);
48
+ color: var(--conduction-color-text-body);
49
49
  }
50
50
 
51
51
  .hud {
@@ -59,8 +59,8 @@
59
59
  .hudPill {
60
60
  padding: 6px 10px;
61
61
  border-radius: var(--radius-pill);
62
- background: var(--c-cobalt-50);
63
- color: var(--c-cobalt-900);
62
+ background: var(--conduction-color-surface-subtle);
63
+ color: var(--conduction-color-text-strong);
64
64
  white-space: nowrap;
65
65
  }
66
66
 
@@ -76,7 +76,7 @@
76
76
  height: 132px;
77
77
  padding: 0 12px 14px;
78
78
  border-radius: var(--radius-md);
79
- background: var(--c-cobalt-50);
79
+ background: var(--conduction-color-surface-subtle);
80
80
  overflow: hidden;
81
81
  }
82
82
 
@@ -164,7 +164,7 @@
164
164
  }
165
165
  .part {
166
166
  background: var(--c-mint-300);
167
- color: var(--c-cobalt-900);
167
+ color: var(--conduction-color-text-strong);
168
168
  font-weight: 600;
169
169
  }
170
170
 
@@ -174,7 +174,7 @@
174
174
  .ahead {
175
175
  margin: 10px 0 0;
176
176
  font-size: 13px;
177
- color: var(--c-cobalt-700);
177
+ color: var(--conduction-color-text-body);
178
178
  min-height: 1.4em;
179
179
  }
180
180
 
@@ -187,8 +187,8 @@
187
187
  }
188
188
 
189
189
  .action {
190
- background: white;
191
- color: var(--c-cobalt-900);
190
+ background: var(--conduction-color-surface-card);
191
+ color: var(--conduction-color-text-strong);
192
192
  border: 1px solid var(--c-cobalt-200);
193
193
  padding: 10px 20px;
194
194
  border-radius: var(--radius-md);
@@ -198,7 +198,7 @@
198
198
  cursor: pointer;
199
199
  transition: border-color 120ms ease;
200
200
  }
201
- .action:hover:not(:disabled) { border-color: var(--c-blue-cobalt); color: var(--c-blue-cobalt); }
201
+ .action:hover:not(:disabled) { border-color: var(--c-blue-cobalt); color: var(--conduction-color-text-default); }
202
202
  .action:disabled { opacity: 0.5; cursor: default; }
203
203
  .action:focus-visible { outline: 2px solid var(--c-blue-cobalt); outline-offset: 2px; }
204
204
 
@@ -221,7 +221,7 @@
221
221
  margin: 0;
222
222
  flex-basis: 100%;
223
223
  font-size: 12px;
224
- color: var(--c-cobalt-400);
224
+ color: var(--conduction-color-text-muted);
225
225
  min-height: 1.4em;
226
226
  }
227
227
 
package/src/components/NewsletterCta/NewsletterCta.module.css CHANGED
@@ -8,7 +8,7 @@
8
8
  grid-template-columns: 1.1fr 1fr;
9
9
  gap: var(--space-12);
10
10
  padding: var(--space-12);
11
- background: var(--c-cobalt-50);
11
+ background: var(--conduction-color-surface-subtle);
12
12
  border-radius: var(--radius-xl);
13
13
  align-items: center;
14
14
  font-family: var(--conduction-typography-font-family-body);
@@ -23,14 +23,14 @@
23
23
  font-size: 28px;
24
24
  font-weight: 700;
25
25
  letter-spacing: -0.02em;
26
- color: var(--c-cobalt-900);
26
+ color: var(--conduction-color-text-strong);
27
27
  margin: 0 0 var(--space-3);
28
28
  line-height: 1.2;
29
29
  }
30
30
 
31
31
  .lede {
32
32
  font-size: 16px;
33
- color: var(--c-cobalt-700);
33
+ color: var(--conduction-color-text-body);
34
34
  margin: 0;
35
35
  line-height: 1.55;
36
36
  max-width: 42ch;
@@ -49,13 +49,13 @@
49
49
  padding: 12px 16px;
50
50
  border: 1px solid var(--c-cobalt-100);
51
51
  border-radius: var(--radius-md);
52
- background: white;
53
- color: var(--c-cobalt-900);
52
+ background: var(--conduction-color-surface-card);
53
+ color: var(--conduction-color-text-strong);
54
54
  font-family: var(--conduction-typography-font-family-body);
55
55
  font-size: 14px;
56
56
  min-width: 0;
57
57
  }
58
- .input::placeholder { color: var(--c-cobalt-400); }
58
+ .input::placeholder { color: var(--conduction-color-text-muted); }
59
59
  .input:focus {
60
60
  outline: none;
61
61
  border-color: var(--c-blue-cobalt);
@@ -79,7 +79,7 @@
79
79
  .fineprint {
80
80
  margin: var(--space-3) 0 0;
81
81
  font-size: 12px;
82
- color: var(--c-cobalt-400);
82
+ color: var(--conduction-color-text-muted);
83
83
  font-family: var(--conduction-typography-font-family-code);
84
84
  letter-spacing: 0.04em;
85
85
  }
@@ -98,6 +98,6 @@
98
98
  }
99
99
  .inverse .input::placeholder { color: var(--c-cobalt-300); }
100
100
  .inverse .input:focus { border-color: white; }
101
- .inverse .submit { background: white; color: var(--c-cobalt-900); }
102
- .inverse .submit:hover { background: var(--c-cobalt-50); }
101
+ .inverse .submit { background: var(--conduction-color-surface-card); color: var(--conduction-color-text-strong); }
102
+ .inverse .submit:hover { background: var(--conduction-color-surface-subtle); }
103
103
  .inverse .fineprint { color: var(--c-cobalt-300); }
package/src/components/NextSteps/NextSteps.module.css CHANGED
@@ -7,14 +7,14 @@
7
7
  font-size: 28px;
8
8
  font-weight: 700;
9
9
  letter-spacing: -0.01em;
10
- color: var(--c-cobalt-900);
10
+ color: var(--conduction-color-text-strong);
11
11
  margin: 0 0 var(--space-3);
12
12
  line-height: 1.2;
13
13
  }
14
14
 
15
15
  .lede {
16
16
  font-size: 17px;
17
- color: var(--c-cobalt-700);
17
+ color: var(--conduction-color-text-body);
18
18
  line-height: 1.6;
19
19
  margin: 0 0 var(--space-5);
20
20
  }
@@ -35,7 +35,7 @@
35
35
  display: grid;
36
36
  gap: var(--space-2);
37
37
  padding: var(--space-5) var(--space-5) var(--space-4);
38
- background: white;
38
+ background: var(--conduction-color-surface-card);
39
39
  border: 1px solid var(--c-cobalt-100);
40
40
  border-radius: var(--radius-md);
41
41
  text-decoration: none;
@@ -52,24 +52,24 @@ a.card:hover {
52
52
  .card .title {
53
53
  font-size: 16px;
54
54
  font-weight: 700;
55
- color: var(--c-cobalt-900);
55
+ color: var(--conduction-color-text-strong);
56
56
  margin: 0;
57
57
  line-height: 1.3;
58
58
  }
59
59
 
60
60
  .card .body {
61
61
  font-size: 14px;
62
- color: var(--c-cobalt-700);
62
+ color: var(--conduction-color-text-body);
63
63
  line-height: 1.55;
64
64
  }
65
65
 
66
66
  .card .body code {
67
- background: var(--c-cobalt-100);
67
+ background: var(--conduction-color-surface-sunken);
68
68
  border-radius: 4px;
69
69
  padding: 1px 5px;
70
70
  font-family: var(--conduction-typography-font-family-code);
71
71
  font-size: 13px;
72
- color: var(--c-cobalt-900);
72
+ color: var(--conduction-color-text-strong);
73
73
  }
74
74
 
75
75
  .cta {
@@ -80,10 +80,10 @@ a.card:hover {
80
80
  font-size: 12px;
81
81
  letter-spacing: 0.04em;
82
82
  text-transform: uppercase;
83
- color: var(--c-blue-cobalt);
83
+ color: var(--conduction-color-text-default);
84
84
  margin-top: var(--space-1);
85
85
  }
86
86
 
87
87
  a.card:hover .cta {
88
- color: var(--c-cobalt-900);
88
+ color: var(--conduction-color-text-strong);
89
89
  }
package/src/components/Outcomes/Outcomes.module.css CHANGED
@@ -10,7 +10,7 @@
10
10
  align-items: start;
11
11
  font-size: 16px;
12
12
  line-height: 1.55;
13
- color: var(--c-cobalt-700);
13
+ color: var(--conduction-color-text-body);
14
14
  }
15
15
 
16
16
  .check {
@@ -26,17 +26,17 @@
26
26
  }
27
27
 
28
28
  .body a {
29
- color: var(--c-blue-cobalt);
29
+ color: var(--conduction-color-text-default);
30
30
  text-decoration: underline;
31
31
  text-underline-offset: 2px;
32
32
  }
33
- .body a:hover { color: var(--c-cobalt-900); }
33
+ .body a:hover { color: var(--conduction-color-text-strong); }
34
34
 
35
35
  .body code {
36
- background: var(--c-cobalt-100);
36
+ background: var(--conduction-color-surface-sunken);
37
37
  border-radius: 4px;
38
38
  padding: 1px 6px;
39
39
  font-family: var(--conduction-typography-font-family-code);
40
40
  font-size: 14px;
41
- color: var(--c-cobalt-900);
41
+ color: var(--conduction-color-text-strong);
42
42
  }