@refrakt-md/lumina 0.32.0 → 0.34.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 (142) hide show
  1. package/base.css +29 -29
  2. package/contracts/structures.json +58 -60
  3. package/dist/config.d.ts.map +1 -1
  4. package/dist/config.js.map +1 -1
  5. package/dist/icons.d.ts.map +1 -1
  6. package/dist/icons.js +57 -57
  7. package/dist/icons.js.map +1 -1
  8. package/dist/presets/catppuccin.js.map +1 -1
  9. package/dist/presets/dracula.js.map +1 -1
  10. package/dist/presets/gruvbox.js.map +1 -1
  11. package/dist/presets/niwaki.js.map +1 -1
  12. package/dist/presets/nord.js.map +1 -1
  13. package/dist/presets/one-dark.js.map +1 -1
  14. package/dist/presets/solarized.js.map +1 -1
  15. package/dist/presets/tideline.d.ts.map +1 -1
  16. package/dist/presets/tideline.js +20 -4
  17. package/dist/presets/tideline.js.map +1 -1
  18. package/dist/presets/tokyo-night.js.map +1 -1
  19. package/dist/tokens.js.map +1 -1
  20. package/index.css +124 -124
  21. package/package.json +5 -5
  22. package/presets.json +61 -13
  23. package/styles/base/attributes.css +32 -13
  24. package/styles/dimensions/checklist.css +45 -46
  25. package/styles/dimensions/cover.css +71 -51
  26. package/styles/dimensions/density.css +69 -65
  27. package/styles/dimensions/frame.css +116 -57
  28. package/styles/dimensions/metadata.css +110 -103
  29. package/styles/dimensions/motion.css +42 -13
  30. package/styles/dimensions/reading.css +27 -27
  31. package/styles/dimensions/sections.css +44 -45
  32. package/styles/dimensions/sequence.css +56 -57
  33. package/styles/dimensions/state.css +8 -2
  34. package/styles/dimensions/substrate.css +82 -58
  35. package/styles/dimensions/surfaces.css +65 -62
  36. package/styles/elements/blockquote.css +24 -25
  37. package/styles/elements/code.css +72 -71
  38. package/styles/elements/table.css +36 -37
  39. package/styles/global.css +163 -121
  40. package/styles/layouts/blog.css +219 -218
  41. package/styles/layouts/default.css +168 -167
  42. package/styles/layouts/docs.css +121 -122
  43. package/styles/layouts/mobile.css +54 -55
  44. package/styles/layouts/on-this-page.css +46 -47
  45. package/styles/layouts/plan.css +248 -247
  46. package/styles/layouts/search.css +142 -140
  47. package/styles/layouts/split.css +45 -45
  48. package/styles/layouts/theme-toggle.css +33 -31
  49. package/styles/layouts/version-switcher.css +38 -37
  50. package/styles/runes/accordion.css +90 -81
  51. package/styles/runes/aggregate.css +50 -39
  52. package/styles/runes/annotate.css +46 -45
  53. package/styles/runes/api.css +22 -23
  54. package/styles/runes/audio.css +140 -141
  55. package/styles/runes/badge.css +12 -13
  56. package/styles/runes/bar.css +4 -5
  57. package/styles/runes/bento.css +73 -62
  58. package/styles/runes/bg.css +62 -47
  59. package/styles/runes/blog.css +89 -90
  60. package/styles/runes/bond.css +49 -50
  61. package/styles/runes/breadcrumb.css +34 -35
  62. package/styles/runes/budget.css +126 -127
  63. package/styles/runes/bug.css +28 -27
  64. package/styles/runes/card.css +63 -60
  65. package/styles/runes/carousel.css +15 -15
  66. package/styles/runes/cast.css +50 -51
  67. package/styles/runes/changelog.css +45 -46
  68. package/styles/runes/character.css +31 -32
  69. package/styles/runes/chart.css +194 -106
  70. package/styles/runes/codegroup.css +109 -100
  71. package/styles/runes/collection.css +87 -86
  72. package/styles/runes/compare.css +38 -39
  73. package/styles/runes/comparison.css +205 -179
  74. package/styles/runes/conversation.css +36 -33
  75. package/styles/runes/cta.css +135 -132
  76. package/styles/runes/datatable.css +84 -83
  77. package/styles/runes/decision.css +25 -26
  78. package/styles/runes/design-context.css +21 -23
  79. package/styles/runes/details.css +26 -27
  80. package/styles/runes/diagram.css +28 -29
  81. package/styles/runes/diff.css +75 -72
  82. package/styles/runes/drawer.css +276 -198
  83. package/styles/runes/embed.css +20 -21
  84. package/styles/runes/event.css +35 -36
  85. package/styles/runes/expand.css +43 -34
  86. package/styles/runes/faction.css +47 -48
  87. package/styles/runes/feature.css +119 -112
  88. package/styles/runes/figure.css +11 -12
  89. package/styles/runes/file-ref.css +11 -13
  90. package/styles/runes/form.css +155 -154
  91. package/styles/runes/gallery.css +59 -60
  92. package/styles/runes/grid.css +10 -7
  93. package/styles/runes/hero.css +189 -185
  94. package/styles/runes/hint.css +57 -58
  95. package/styles/runes/howto.css +62 -64
  96. package/styles/runes/itinerary.css +133 -134
  97. package/styles/runes/juxtapose.css +83 -82
  98. package/styles/runes/lore.css +32 -34
  99. package/styles/runes/map.css +106 -99
  100. package/styles/runes/mediatext.css +30 -27
  101. package/styles/runes/milestone.css +98 -97
  102. package/styles/runes/mockup.css +338 -335
  103. package/styles/runes/nav.css +465 -450
  104. package/styles/runes/organization.css +23 -20
  105. package/styles/runes/page-section.css +14 -15
  106. package/styles/runes/pagination.css +45 -44
  107. package/styles/runes/palette.css +78 -80
  108. package/styles/runes/placeholder.css +8 -9
  109. package/styles/runes/plan-history.css +160 -161
  110. package/styles/runes/plan-progress.css +15 -16
  111. package/styles/runes/plan-ref.css +32 -23
  112. package/styles/runes/playlist.css +106 -107
  113. package/styles/runes/plot.css +92 -91
  114. package/styles/runes/preview.css +152 -149
  115. package/styles/runes/pricing.css +133 -123
  116. package/styles/runes/progress.css +32 -27
  117. package/styles/runes/pullquote.css +89 -90
  118. package/styles/runes/realm.css +47 -48
  119. package/styles/runes/recipe.css +112 -114
  120. package/styles/runes/relationships.css +77 -76
  121. package/styles/runes/reveal.css +90 -79
  122. package/styles/runes/sandbox.css +59 -60
  123. package/styles/runes/section.css +57 -50
  124. package/styles/runes/showcase.css +35 -16
  125. package/styles/runes/sidenote.css +30 -27
  126. package/styles/runes/snippet.css +8 -9
  127. package/styles/runes/spacing.css +86 -88
  128. package/styles/runes/spec.css +24 -25
  129. package/styles/runes/steps.css +89 -80
  130. package/styles/runes/storyboard.css +46 -45
  131. package/styles/runes/swatch.css +22 -23
  132. package/styles/runes/symbol.css +117 -118
  133. package/styles/runes/tabs.css +88 -79
  134. package/styles/runes/testimonial.css +43 -44
  135. package/styles/runes/textblock.css +32 -28
  136. package/styles/runes/timeline.css +63 -64
  137. package/styles/runes/tint.css +214 -215
  138. package/styles/runes/toc.css +40 -41
  139. package/styles/runes/track.css +89 -90
  140. package/styles/runes/typography.css +89 -91
  141. package/styles/runes/work.css +47 -36
  142. package/styles/runes/xref.css +21 -22
package/styles/layouts/plan.css CHANGED
@@ -1,304 +1,305 @@
1
1
  @layer skin {
2
- /* Plan layout */
2
+ /* Plan layout */
3
3
 
4
- /* ---- Dashboard grid ---- */
4
+ /* ---- Dashboard grid ---- */
5
5
 
6
- .rf-plan-dashboard {
7
- gap: var(--rf-spacing-lg, 1.5rem);
8
- padding: var(--rf-spacing-lg, 1.5rem);
9
- }
10
-
11
- .rf-plan-dashboard__section-title {
12
- font-size: var(--rf-text-lg);
13
- font-weight: var(--rf-weight-semibold);
14
- color: var(--rf-color-text, #212529);
15
- margin-block-end: var(--rf-spacing-md, 1rem);
16
- padding-block-end: var(--rf-spacing-sm, 0.5rem);
17
- border-block-end: 2px solid var(--rf-color-border, #dee2e6);
18
- }
6
+ .rf-plan-dashboard {
7
+ gap: var(--rf-spacing-lg, 1.5rem);
8
+ padding: var(--rf-spacing-lg, 1.5rem);
9
+ }
19
10
 
20
- /* ---- Fixed sidebar ---- */
11
+ .rf-plan-dashboard__section-title {
12
+ font-size: var(--rf-text-lg);
13
+ font-weight: var(--rf-weight-semibold);
14
+ color: var(--rf-color-text, #212529);
15
+ margin-block-end: var(--rf-spacing-md, 1rem);
16
+ padding-block-end: var(--rf-spacing-sm, 0.5rem);
17
+ border-block-end: 2px solid var(--rf-color-border, #dee2e6);
18
+ }
21
19
 
22
- .rf-plan-sidebar {
23
- background: var(--rf-color-bg, #fff);
24
- border-inline-end: 1px solid var(--rf-color-border, #dee2e6);
25
- padding: var(--rf-spacing-lg, 1.5rem) var(--rf-spacing-md, 1rem);
26
- }
20
+ /* ---- Fixed sidebar ---- */
27
21
 
28
- .rf-plan-sidebar::-webkit-scrollbar {
29
- width: 0;
30
- }
22
+ .rf-plan-sidebar {
23
+ background: var(--rf-color-bg, #fff);
24
+ border-inline-end: 1px solid var(--rf-color-border, #dee2e6);
25
+ padding: var(--rf-spacing-lg, 1.5rem) var(--rf-spacing-md, 1rem);
26
+ }
31
27
 
32
- .rf-plan-sidebar__title {
33
- font-size: var(--rf-text-lg);
34
- font-weight: var(--rf-weight-bold);
35
- margin-block-end: var(--rf-spacing-lg, 1.5rem);
36
- color: var(--rf-color-text, #212529);
37
- }
28
+ .rf-plan-sidebar::-webkit-scrollbar {
29
+ width: 0;
30
+ }
38
31
 
39
- .rf-plan-sidebar__search-trigger {
40
- padding: 0.25rem;
41
- border: 1px solid var(--rf-color-border, #dee2e6);
42
- border-radius: var(--rf-radius-sm, 4px);
43
- background: var(--rf-color-surface, #f8f9fa);
44
- color: var(--rf-color-muted, #868e96);
45
- cursor: pointer;
46
- transition: border-color 0.15s, color 0.15s, background 0.15s;
47
- }
48
- .rf-plan-sidebar__search-trigger:hover {
49
- border-color: var(--rf-color-primary, #228be6);
50
- color: var(--rf-color-text, #212529);
51
- background: var(--rf-color-surface-hover, #f1f3f5);
52
- }
32
+ .rf-plan-sidebar__title {
33
+ font-size: var(--rf-text-lg);
34
+ font-weight: var(--rf-weight-bold);
35
+ margin-block-end: var(--rf-spacing-lg, 1.5rem);
36
+ color: var(--rf-color-text, #212529);
37
+ }
53
38
 
54
- .rf-plan-sidebar__group {
55
- margin-block-end: var(--rf-spacing-lg, 1.5rem);
56
- }
39
+ .rf-plan-sidebar__search-trigger {
40
+ padding: 0.25rem;
41
+ border: 1px solid var(--rf-color-border, #dee2e6);
42
+ border-radius: var(--rf-radius-sm, 4px);
43
+ background: var(--rf-color-surface, #f8f9fa);
44
+ color: var(--rf-color-muted, #868e96);
45
+ cursor: pointer;
46
+ transition:
47
+ border-color 0.15s,
48
+ color 0.15s,
49
+ background 0.15s;
50
+ }
51
+ .rf-plan-sidebar__search-trigger:hover {
52
+ border-color: var(--rf-color-primary, #228be6);
53
+ color: var(--rf-color-text, #212529);
54
+ background: var(--rf-color-surface-hover, #f1f3f5);
55
+ }
57
56
 
58
- .rf-plan-sidebar__group-title {
59
- font-size: var(--rf-text-sm);
60
- font-weight: var(--rf-weight-semibold);
61
- text-transform: uppercase;
62
- letter-spacing: var(--rf-tracking-wider);
63
- color: var(--rf-color-muted, #6c757d);
64
- margin-block-end: var(--rf-spacing-sm, 0.5rem);
65
- }
57
+ .rf-plan-sidebar__group {
58
+ margin-block-end: var(--rf-spacing-lg, 1.5rem);
59
+ }
66
60
 
67
- /* Status sub-group */
68
- .rf-plan-sidebar__status-group {
69
- margin-block-end: 0.25rem;
70
- }
61
+ .rf-plan-sidebar__group-title {
62
+ font-size: var(--rf-text-sm);
63
+ font-weight: var(--rf-weight-semibold);
64
+ text-transform: uppercase;
65
+ letter-spacing: var(--rf-tracking-wider);
66
+ color: var(--rf-color-muted, #6c757d);
67
+ margin-block-end: var(--rf-spacing-sm, 0.5rem);
68
+ }
71
69
 
72
- .rf-plan-sidebar__status-header {
73
- padding: 0.25rem 0.5rem;
74
- border: none;
75
- border-radius: var(--rf-radius-sm, 0.25rem);
76
- background: transparent;
77
- color: var(--rf-color-muted, #6c757d);
78
- font-size: var(--rf-text-sm);
79
- cursor: pointer;
80
- text-align: start;
81
- transition: background 0.15s ease;
82
- }
70
+ /* Status sub-group */
71
+ .rf-plan-sidebar__status-group {
72
+ margin-block-end: 0.25rem;
73
+ }
83
74
 
84
- .rf-plan-sidebar__status-header:hover {
85
- background: var(--rf-color-surface-active, #f1f3f5);
86
- }
75
+ .rf-plan-sidebar__status-header {
76
+ padding: 0.25rem 0.5rem;
77
+ border: none;
78
+ border-radius: var(--rf-radius-sm, 0.25rem);
79
+ background: transparent;
80
+ color: var(--rf-color-muted, #6c757d);
81
+ font-size: var(--rf-text-sm);
82
+ cursor: pointer;
83
+ text-align: start;
84
+ transition: background 0.15s ease;
85
+ }
87
86
 
88
- .rf-plan-sidebar__status-header::before {
89
- margin-inline-end: 0.25rem;
90
- transition: transform 0.15s ease;
91
- font-size: 0.75em;
92
- }
87
+ .rf-plan-sidebar__status-header:hover {
88
+ background: var(--rf-color-surface-active, #f1f3f5);
89
+ }
93
90
 
94
- .rf-plan-sidebar__status-label {
95
- font-weight: var(--rf-weight-medium);
96
- }
91
+ .rf-plan-sidebar__status-header::before {
92
+ margin-inline-end: 0.25rem;
93
+ transition: transform 0.15s ease;
94
+ font-size: 0.75em;
95
+ }
97
96
 
98
- .rf-plan-sidebar__status-count {
99
- font-size: var(--rf-text-xs);
100
- font-weight: var(--rf-weight-semibold);
101
- color: var(--rf-color-muted, #6c757d);
102
- background: var(--rf-color-surface-active, #f1f3f5);
103
- padding: 0 0.375rem;
104
- border-radius: var(--rf-radius-full, 9999px);
105
- text-align: center;
106
- }
97
+ .rf-plan-sidebar__status-label {
98
+ font-weight: var(--rf-weight-medium);
99
+ }
107
100
 
108
- .rf-plan-sidebar__status-items {
109
- padding-inline-start: var(--rf-spacing-sm, 0.5rem);
110
- }
101
+ .rf-plan-sidebar__status-count {
102
+ font-size: var(--rf-text-xs);
103
+ font-weight: var(--rf-weight-semibold);
104
+ color: var(--rf-color-muted, #6c757d);
105
+ background: var(--rf-color-surface-active, #f1f3f5);
106
+ padding: 0 0.375rem;
107
+ border-radius: var(--rf-radius-full, 9999px);
108
+ text-align: center;
109
+ }
111
110
 
112
- .rf-plan-sidebar__link {
113
- padding: 0.25rem 0.5rem;
114
- border-radius: var(--rf-radius-sm, 0.25rem);
115
- color: var(--rf-color-text, #212529);
116
- text-decoration: none;
117
- font-size: var(--rf-text-sm);
118
- transition: background 0.15s ease;
119
- }
111
+ .rf-plan-sidebar__status-items {
112
+ padding-inline-start: var(--rf-spacing-sm, 0.5rem);
113
+ }
120
114
 
121
- .rf-plan-sidebar__link:hover {
122
- background: var(--rf-color-surface-active, #f1f3f5);
123
- }
115
+ .rf-plan-sidebar__link {
116
+ padding: 0.25rem 0.5rem;
117
+ border-radius: var(--rf-radius-sm, 0.25rem);
118
+ color: var(--rf-color-text, #212529);
119
+ text-decoration: none;
120
+ font-size: var(--rf-text-sm);
121
+ transition: background 0.15s ease;
122
+ }
124
123
 
125
- .rf-plan-sidebar__link--dashboard {
126
- gap: 0.375rem;
127
- margin-block-end: var(--rf-spacing-md, 1rem);
128
- }
124
+ .rf-plan-sidebar__link:hover {
125
+ background: var(--rf-color-surface-active, #f1f3f5);
126
+ }
129
127
 
130
- .rf-plan-sidebar__dashboard-icon {
131
- opacity: 0.6;
132
- }
128
+ .rf-plan-sidebar__link--dashboard {
129
+ gap: 0.375rem;
130
+ margin-block-end: var(--rf-spacing-md, 1rem);
131
+ }
133
132
 
134
- .rf-plan-sidebar__link--dashboard.rf-plan-sidebar__link--active .rf-plan-sidebar__dashboard-icon {
135
- opacity: 1;
136
- }
133
+ .rf-plan-sidebar__dashboard-icon {
134
+ opacity: 0.6;
135
+ }
137
136
 
138
- .rf-plan-sidebar__link--active {
139
- background: var(--rf-color-info-bg, #e7f5ff);
140
- color: var(--rf-color-info, #339af0);
141
- font-weight: var(--rf-weight-semibold);
142
- }
137
+ .rf-plan-sidebar__link--dashboard.rf-plan-sidebar__link--active .rf-plan-sidebar__dashboard-icon {
138
+ opacity: 1;
139
+ }
143
140
 
144
- .rf-plan-sidebar__link--focused {
145
- outline: 2px solid var(--rf-color-info, #339af0);
146
- outline-offset: -2px;
147
- background: var(--rf-color-surface-active, #f1f3f5);
148
- }
141
+ .rf-plan-sidebar__link--active {
142
+ background: var(--rf-color-info-bg, #e7f5ff);
143
+ color: var(--rf-color-info, #339af0);
144
+ font-weight: var(--rf-weight-semibold);
145
+ }
149
146
 
150
- .rf-plan-sidebar__link--blocked {
151
- border-left: 2px solid var(--rf-color-danger, #ff6b6b);
152
- }
147
+ .rf-plan-sidebar__link--focused {
148
+ outline: 2px solid var(--rf-color-info, #339af0);
149
+ outline-offset: -2px;
150
+ background: var(--rf-color-surface-active, #f1f3f5);
151
+ }
153
152
 
154
- .rf-plan-sidebar__blocker-icon {
155
- font-size: var(--rf-text-xs);
156
- color: var(--rf-color-danger, #ff6b6b);
157
- }
153
+ .rf-plan-sidebar__link--blocked {
154
+ border-left: 2px solid var(--rf-color-danger, #ff6b6b);
155
+ }
158
156
 
159
- /* Views section in sidebar */
160
- .rf-plan-sidebar__view-header {
161
- font-size: var(--rf-text-xs);
162
- font-weight: var(--rf-weight-semibold);
163
- text-transform: uppercase;
164
- letter-spacing: var(--rf-tracking-wider);
165
- color: var(--rf-color-muted, #6c757d);
166
- padding: 0.25rem 0.5rem;
167
- margin-block-start: 0.25rem;
168
- }
157
+ .rf-plan-sidebar__blocker-icon {
158
+ font-size: var(--rf-text-xs);
159
+ color: var(--rf-color-danger, #ff6b6b);
160
+ }
169
161
 
170
- .rf-plan-sidebar__view-items {
171
- padding-inline-start: 0.25rem;
172
- }
162
+ /* Views section in sidebar */
163
+ .rf-plan-sidebar__view-header {
164
+ font-size: var(--rf-text-xs);
165
+ font-weight: var(--rf-weight-semibold);
166
+ text-transform: uppercase;
167
+ letter-spacing: var(--rf-tracking-wider);
168
+ color: var(--rf-color-muted, #6c757d);
169
+ padding: 0.25rem 0.5rem;
170
+ margin-block-start: 0.25rem;
171
+ }
173
172
 
174
- .rf-plan-sidebar__link .rf-plan-sidebar__view-label {
175
- text-overflow: ellipsis;
176
- white-space: nowrap;
177
- }
173
+ .rf-plan-sidebar__view-items {
174
+ padding-inline-start: 0.25rem;
175
+ }
178
176
 
179
- .rf-plan-sidebar__link .rf-plan-sidebar__view-count {
180
- font-size: var(--rf-text-xs);
181
- font-weight: var(--rf-weight-semibold);
182
- color: var(--rf-color-muted, #6c757d);
183
- background: var(--rf-color-surface-active, #f1f3f5);
184
- padding: 0 0.375rem;
185
- border-radius: var(--rf-radius-full, 9999px);
186
- text-align: center;
187
- }
177
+ .rf-plan-sidebar__link .rf-plan-sidebar__view-label {
178
+ text-overflow: ellipsis;
179
+ white-space: nowrap;
180
+ }
188
181
 
189
- /* ---- Content area ---- */
182
+ .rf-plan-sidebar__link .rf-plan-sidebar__view-count {
183
+ font-size: var(--rf-text-xs);
184
+ font-weight: var(--rf-weight-semibold);
185
+ color: var(--rf-color-muted, #6c757d);
186
+ background: var(--rf-color-surface-active, #f1f3f5);
187
+ padding: 0 0.375rem;
188
+ border-radius: var(--rf-radius-full, 9999px);
189
+ text-align: center;
190
+ }
190
191
 
191
- .rf-plan-main {
192
- padding: var(--rf-spacing-xl, 2rem);
193
- }
192
+ /* ---- Content area ---- */
194
193
 
195
- /* Inner wrapper: flex layout when TOC is present */
196
- .rf-plan-main__inner--has-toc {
197
- gap: var(--rf-spacing-xl, 2rem);
198
- }
194
+ .rf-plan-main {
195
+ padding: var(--rf-spacing-xl, 2rem);
196
+ }
199
197
 
200
- .rf-plan-main__body {
201
- padding: 0 2.5rem;
202
- }
198
+ /* Inner wrapper: flex layout when TOC is present */
199
+ .rf-plan-main__inner--has-toc {
200
+ gap: var(--rf-spacing-xl, 2rem);
201
+ }
203
202
 
204
- /* ---- Mobile toolbar (hidden on desktop) ---- */
203
+ .rf-plan-main__body {
204
+ padding: 0 2.5rem;
205
+ }
205
206
 
206
- .rf-plan-toolbar {
207
- gap: 0.75rem;
208
- padding: 0.625rem 1rem;
209
- border-block-end: 1px solid var(--rf-color-border, #dee2e6);
210
- background: var(--rf-color-bg, #fff);
211
- }
207
+ /* ---- Mobile toolbar (hidden on desktop) ---- */
212
208
 
213
- .rf-plan-toolbar__hamburger {
214
- background: none;
215
- border: none;
216
- padding: 0.25rem;
217
- cursor: pointer;
218
- color: var(--rf-color-muted, #6c757d);
219
- line-height: 0;
220
- }
209
+ .rf-plan-toolbar {
210
+ gap: 0.75rem;
211
+ padding: 0.625rem 1rem;
212
+ border-block-end: 1px solid var(--rf-color-border, #dee2e6);
213
+ background: var(--rf-color-bg, #fff);
214
+ }
221
215
 
222
- .rf-plan-toolbar__hamburger:hover {
223
- color: var(--rf-color-text, #212529);
224
- }
216
+ .rf-plan-toolbar__hamburger {
217
+ background: none;
218
+ border: none;
219
+ padding: 0.25rem;
220
+ cursor: pointer;
221
+ color: var(--rf-color-muted, #6c757d);
222
+ line-height: 0;
223
+ }
225
224
 
226
- .rf-plan-toolbar__title {
227
- font-size: var(--rf-text-sm);
228
- font-weight: var(--rf-weight-semibold);
229
- color: var(--rf-color-text, #212529);
230
- }
225
+ .rf-plan-toolbar__hamburger:hover {
226
+ color: var(--rf-color-text, #212529);
227
+ }
231
228
 
232
- .rf-plan-toolbar__section-nav-toggle {
233
- background: none;
234
- border: none;
235
- padding: 0.25rem;
236
- cursor: pointer;
237
- color: var(--rf-color-muted, #6c757d);
238
- line-height: 0;
239
- }
229
+ .rf-plan-toolbar__title {
230
+ font-size: var(--rf-text-sm);
231
+ font-weight: var(--rf-weight-semibold);
232
+ color: var(--rf-color-text, #212529);
233
+ }
240
234
 
241
- .rf-plan-toolbar__section-nav-toggle:hover {
242
- color: var(--rf-color-text, #212529);
243
- }
235
+ .rf-plan-toolbar__section-nav-toggle {
236
+ background: none;
237
+ border: none;
238
+ padding: 0.25rem;
239
+ cursor: pointer;
240
+ color: var(--rf-color-muted, #6c757d);
241
+ line-height: 0;
242
+ }
244
243
 
245
- /* ---- Section nav dropdown ---- */
244
+ .rf-plan-toolbar__section-nav-toggle:hover {
245
+ color: var(--rf-color-text, #212529);
246
+ }
246
247
 
247
- .rf-section-nav {
248
- background: var(--rf-color-bg, #fff);
249
- border: 1px solid var(--rf-color-border, #dee2e6);
250
- border-radius: var(--rf-radius-md, 0.5rem);
251
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
252
- padding: 0.25rem 0;
253
- }
248
+ /* ---- Section nav dropdown ---- */
254
249
 
255
- .rf-section-nav__list {
256
- margin: 0;
257
- padding: 0;
258
- }
250
+ .rf-section-nav {
251
+ background: var(--rf-color-bg, #fff);
252
+ border: 1px solid var(--rf-color-border, #dee2e6);
253
+ border-radius: var(--rf-radius-md, 0.5rem);
254
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
255
+ padding: 0.25rem 0;
256
+ }
259
257
 
260
- .rf-section-nav__item {
261
- border-inline-start: 2px solid transparent;
262
- }
258
+ .rf-section-nav__list {
259
+ margin: 0;
260
+ padding: 0;
261
+ }
263
262
 
264
- .rf-section-nav__link {
265
- padding: 0.5rem 1rem;
266
- color: var(--rf-color-text, #212529);
267
- text-decoration: none;
268
- font-size: var(--rf-text-sm);
269
- line-height: var(--rf-leading-snug);
270
- }
263
+ .rf-section-nav__item {
264
+ border-inline-start: 2px solid transparent;
265
+ }
271
266
 
272
- .rf-section-nav__link:hover {
273
- background: var(--rf-color-surface-active, #f1f3f5);
274
- }
267
+ .rf-section-nav__link {
268
+ padding: 0.5rem 1rem;
269
+ color: var(--rf-color-text, #212529);
270
+ text-decoration: none;
271
+ font-size: var(--rf-text-sm);
272
+ line-height: var(--rf-leading-snug);
273
+ }
275
274
 
276
- .rf-section-nav__item[data-active] {
277
- border-inline-start-color: var(--rf-color-info, #339af0);
278
- }
275
+ .rf-section-nav__link:hover {
276
+ background: var(--rf-color-surface-active, #f1f3f5);
277
+ }
279
278
 
280
- .rf-section-nav__item[data-active] .rf-section-nav__link {
281
- color: var(--rf-color-info, #339af0);
282
- font-weight: var(--rf-weight-semibold);
283
- }
279
+ .rf-section-nav__item[data-active] {
280
+ border-inline-start-color: var(--rf-color-info, #339af0);
281
+ }
284
282
 
285
- /* ---- Responsive ---- */
283
+ .rf-section-nav__item[data-active] .rf-section-nav__link {
284
+ color: var(--rf-color-info, #339af0);
285
+ font-weight: var(--rf-weight-semibold);
286
+ }
286
287
 
287
- /* Hide TOC on medium screens */
288
+ /* ---- Responsive ---- */
288
289
 
289
- @media (max-width: 48rem) {
290
+ /* Hide TOC on medium screens */
290
291
 
291
- .rf-plan-main {
292
- padding: var(--rf-spacing-md, 1rem);
293
- }
292
+ @media (max-width: 48rem) {
293
+ .rf-plan-main {
294
+ padding: var(--rf-spacing-md, 1rem);
295
+ }
294
296
 
295
- .rf-plan-main__body {
296
- padding: 0;
297
- }
297
+ .rf-plan-main__body {
298
+ padding: 0;
299
+ }
298
300
 
299
- .rf-plan-dashboard {
300
- padding: var(--rf-spacing-md, 1rem);
301
+ .rf-plan-dashboard {
302
+ padding: var(--rf-spacing-md, 1rem);
303
+ }
301
304
  }
302
305
  }
303
-
304
- }