@amulet-laboratories/hex 0.3.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 (149) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +120 -0
  3. package/dist/aldricpace.css +5 -0
  4. package/dist/briarcove.css +5 -0
  5. package/dist/briarcovelib.css +5 -0
  6. package/dist/compass.css +5 -0
  7. package/dist/duskline.css +5 -0
  8. package/dist/forge.css +5 -0
  9. package/dist/garden.css +5 -0
  10. package/dist/greyline.css +5 -0
  11. package/dist/hex.css +5 -0
  12. package/dist/kbcv.css +5 -0
  13. package/dist/lanternhouse.css +5 -0
  14. package/dist/marenlys.css +5 -0
  15. package/dist/quizbit.css +5 -0
  16. package/dist/saltsignal.css +5 -0
  17. package/dist/scoped.css +1 -0
  18. package/dist/spacewizard.css +5 -0
  19. package/dist/tidemark.css +5 -0
  20. package/dist/undertow.css +5 -0
  21. package/dist/vscode.css +5 -0
  22. package/package.json +119 -0
  23. package/src/index.css +10 -0
  24. package/src/scoped/bridge.css +47 -0
  25. package/src/scoped/index.css +51 -0
  26. package/src/scoped/themes/aldricpace.css +115 -0
  27. package/src/scoped/themes/briarcove.css +123 -0
  28. package/src/scoped/themes/briarcovelib.css +111 -0
  29. package/src/scoped/themes/compass.css +111 -0
  30. package/src/scoped/themes/duskline.css +117 -0
  31. package/src/scoped/themes/forge.css +123 -0
  32. package/src/scoped/themes/garden.css +123 -0
  33. package/src/scoped/themes/greyline.css +116 -0
  34. package/src/scoped/themes/kbcv.css +111 -0
  35. package/src/scoped/themes/lanternhouse.css +111 -0
  36. package/src/scoped/themes/marenlys.css +112 -0
  37. package/src/scoped/themes/quizbit.css +101 -0
  38. package/src/scoped/themes/saltsignal.css +114 -0
  39. package/src/scoped/themes/spacewizard.css +115 -0
  40. package/src/scoped/themes/tidemark.css +119 -0
  41. package/src/scoped/themes/undertow.css +113 -0
  42. package/src/scoped/themes/vscode.css +230 -0
  43. package/src/scoped/tokens.css +21 -0
  44. package/src/shared/a11y.css +175 -0
  45. package/src/shared/components/core.css +1654 -0
  46. package/src/shared/components/data.css +418 -0
  47. package/src/shared/components/editor.css +358 -0
  48. package/src/shared/components/extras.css +897 -0
  49. package/src/shared/components/layout.css +663 -0
  50. package/src/shared/components/lists.css +278 -0
  51. package/src/shared/components/menus.css +377 -0
  52. package/src/shared/components/nav.css +943 -0
  53. package/src/shared/components/prose.css +302 -0
  54. package/src/shared/components/shell.css +528 -0
  55. package/src/shared/components/spatial.css +184 -0
  56. package/src/shared/components/temporal.css +191 -0
  57. package/src/shared/components/web.css +1689 -0
  58. package/src/shared/rig-defaults.css +121 -0
  59. package/src/shared/scroll-animations.css +176 -0
  60. package/src/shared/tokens.css +125 -0
  61. package/src/shared/utilities.css +204 -0
  62. package/src/themes/aldricpace/base.css +114 -0
  63. package/src/themes/aldricpace/components.css +22 -0
  64. package/src/themes/aldricpace/domains.css +19 -0
  65. package/src/themes/aldricpace/index.css +6 -0
  66. package/src/themes/aldricpace/tokens.css +169 -0
  67. package/src/themes/andrewpassanisi/base.css +192 -0
  68. package/src/themes/andrewpassanisi/index.css +11 -0
  69. package/src/themes/andrewpassanisi/tokens.css +136 -0
  70. package/src/themes/briarcove/base.css +170 -0
  71. package/src/themes/briarcove/components.css +27 -0
  72. package/src/themes/briarcove/domains.css +72 -0
  73. package/src/themes/briarcove/index.css +6 -0
  74. package/src/themes/briarcove/tokens.css +179 -0
  75. package/src/themes/briarcovelib/base.css +111 -0
  76. package/src/themes/briarcovelib/components.css +22 -0
  77. package/src/themes/briarcovelib/domains.css +19 -0
  78. package/src/themes/briarcovelib/index.css +6 -0
  79. package/src/themes/briarcovelib/tokens.css +167 -0
  80. package/src/themes/compass/base.css +112 -0
  81. package/src/themes/compass/components.css +22 -0
  82. package/src/themes/compass/domains.css +19 -0
  83. package/src/themes/compass/index.css +6 -0
  84. package/src/themes/compass/tokens.css +167 -0
  85. package/src/themes/duskline/base.css +167 -0
  86. package/src/themes/duskline/components.css +27 -0
  87. package/src/themes/duskline/domains.css +72 -0
  88. package/src/themes/duskline/index.css +6 -0
  89. package/src/themes/duskline/tokens.css +171 -0
  90. package/src/themes/forge/base.css +165 -0
  91. package/src/themes/forge/components.css +24 -0
  92. package/src/themes/forge/domains.css +72 -0
  93. package/src/themes/forge/index.css +6 -0
  94. package/src/themes/forge/tokens.css +178 -0
  95. package/src/themes/garden/base.css +167 -0
  96. package/src/themes/garden/components.css +27 -0
  97. package/src/themes/garden/domains.css +72 -0
  98. package/src/themes/garden/index.css +6 -0
  99. package/src/themes/garden/tokens.css +178 -0
  100. package/src/themes/greyline/base.css +165 -0
  101. package/src/themes/greyline/components.css +24 -0
  102. package/src/themes/greyline/domains.css +70 -0
  103. package/src/themes/greyline/index.css +6 -0
  104. package/src/themes/greyline/tokens.css +161 -0
  105. package/src/themes/kbcv/base.css +112 -0
  106. package/src/themes/kbcv/components.css +22 -0
  107. package/src/themes/kbcv/domains.css +19 -0
  108. package/src/themes/kbcv/index.css +6 -0
  109. package/src/themes/kbcv/tokens.css +167 -0
  110. package/src/themes/lanternhouse/base.css +170 -0
  111. package/src/themes/lanternhouse/components.css +27 -0
  112. package/src/themes/lanternhouse/domains.css +72 -0
  113. package/src/themes/lanternhouse/index.css +6 -0
  114. package/src/themes/lanternhouse/tokens.css +167 -0
  115. package/src/themes/marenlys/base.css +181 -0
  116. package/src/themes/marenlys/components.css +27 -0
  117. package/src/themes/marenlys/domains.css +72 -0
  118. package/src/themes/marenlys/index.css +6 -0
  119. package/src/themes/marenlys/tokens.css +167 -0
  120. package/src/themes/quizbit/base.css +120 -0
  121. package/src/themes/quizbit/components.css +27 -0
  122. package/src/themes/quizbit/domains.css +7 -0
  123. package/src/themes/quizbit/index.css +6 -0
  124. package/src/themes/quizbit/tokens.css +132 -0
  125. package/src/themes/saltsignal/base.css +168 -0
  126. package/src/themes/saltsignal/components.css +27 -0
  127. package/src/themes/saltsignal/domains.css +72 -0
  128. package/src/themes/saltsignal/index.css +6 -0
  129. package/src/themes/saltsignal/tokens.css +170 -0
  130. package/src/themes/spacewizard/base.css +165 -0
  131. package/src/themes/spacewizard/components.css +24 -0
  132. package/src/themes/spacewizard/domains.css +70 -0
  133. package/src/themes/spacewizard/index.css +6 -0
  134. package/src/themes/spacewizard/tokens.css +160 -0
  135. package/src/themes/tidemark/base.css +169 -0
  136. package/src/themes/tidemark/components.css +27 -0
  137. package/src/themes/tidemark/domains.css +72 -0
  138. package/src/themes/tidemark/index.css +6 -0
  139. package/src/themes/tidemark/tokens.css +175 -0
  140. package/src/themes/undertow/base.css +114 -0
  141. package/src/themes/undertow/components.css +22 -0
  142. package/src/themes/undertow/domains.css +19 -0
  143. package/src/themes/undertow/index.css +6 -0
  144. package/src/themes/undertow/tokens.css +171 -0
  145. package/src/themes/vscode/base.css +104 -0
  146. package/src/themes/vscode/components.css +24 -0
  147. package/src/themes/vscode/domains.css +132 -0
  148. package/src/themes/vscode/index.css +13 -0
  149. package/src/themes/vscode/tokens.css +346 -0
package/src/themes/briarcove/base.css ADDED
@@ -0,0 +1,170 @@
1
+ /* Hex — Briarcove Base Styles
2
+ * html/body defaults, scrollbar, focus, selection, transitions.
3
+ * Serif body text with clean white canvas for institutional clarity.
4
+ */
5
+
6
+ @reference 'tailwindcss';
7
+ @reference './tokens.css';
8
+
9
+ /* Base styles */
10
+ html {
11
+ /* Keep 16px on <html> so Tailwind rem utilities stay correctly sized */
12
+ font-size: 16px;
13
+ }
14
+
15
+ html,
16
+ body {
17
+ @apply bg-background text-foreground;
18
+
19
+ color-scheme: light;
20
+ -webkit-font-smoothing: antialiased;
21
+ -moz-osx-font-smoothing: grayscale;
22
+ }
23
+
24
+ body {
25
+ /* Match original: 16px body, weight 400, comfortable leading, serif body text */
26
+ font-size: 16px;
27
+ font-weight: 400;
28
+ line-height: 1.6;
29
+ font-family: var(--font-serif);
30
+ }
31
+
32
+ /* Heading defaults — sans-serif display headings */
33
+ h1 {
34
+ font-size: 40px;
35
+ font-weight: 700;
36
+ font-family: var(--font-sans);
37
+ color: var(--color-primary);
38
+ margin: 0;
39
+ padding: 0;
40
+ line-height: 1.1;
41
+ }
42
+
43
+ h2 {
44
+ font-size: 32px;
45
+ font-weight: 600;
46
+ font-family: var(--font-sans);
47
+ color: var(--color-primary);
48
+ margin: 0;
49
+ padding: 0;
50
+ line-height: 1.1;
51
+ }
52
+
53
+ /* Scrollbar */
54
+ ::-webkit-scrollbar {
55
+ width: 8px;
56
+ height: 8px;
57
+ }
58
+
59
+ ::-webkit-scrollbar-track {
60
+ background: transparent;
61
+ }
62
+
63
+ ::-webkit-scrollbar-thumb {
64
+ background: color-mix(in srgb, var(--color-foreground) 12%, transparent);
65
+ border-radius: 4px;
66
+ }
67
+
68
+ ::-webkit-scrollbar-thumb:hover {
69
+ background: color-mix(in srgb, var(--color-foreground) 25%, transparent);
70
+ }
71
+
72
+ /* Focus styles */
73
+ *:focus-visible {
74
+ outline: 2px solid var(--color-primary);
75
+ outline-offset: 2px;
76
+ }
77
+
78
+ /* Selection */
79
+ ::selection {
80
+ background: color-mix(in srgb, var(--color-primary) 40%, transparent);
81
+ color: var(--color-foreground);
82
+ }
83
+
84
+ /* Smooth scrolling */
85
+ html {
86
+ scroll-behavior: smooth;
87
+ }
88
+
89
+ /* Reduced motion — disable animations and transitions */
90
+ @media (prefers-reduced-motion: reduce) {
91
+ *,
92
+ *::before,
93
+ *::after {
94
+ animation-duration: 0.01ms !important;
95
+ animation-iteration-count: 1 !important;
96
+ transition-duration: 0.01ms !important;
97
+ scroll-behavior: auto !important;
98
+ }
99
+ }
100
+
101
+ /* Firefox scrollbar */
102
+ * {
103
+ scrollbar-width: thin;
104
+ scrollbar-color: color-mix(in srgb, var(--color-foreground) 12%, transparent) transparent;
105
+ }
106
+
107
+ /* ───────── Scroll-draw SVG utility ───────── */
108
+
109
+ @keyframes scroll-draw-in {
110
+ from {
111
+ stroke-dashoffset: 1;
112
+ }
113
+
114
+ to {
115
+ stroke-dashoffset: 0;
116
+ }
117
+ }
118
+
119
+ .scroll-draw path,
120
+ .scroll-draw line,
121
+ .scroll-draw polyline,
122
+ .scroll-draw polygon,
123
+ .scroll-draw circle,
124
+ .scroll-draw ellipse {
125
+ stroke-dasharray: 1;
126
+ stroke-dashoffset: 1;
127
+ animation: scroll-draw-in linear both;
128
+ animation-timeline: view();
129
+ animation-range: entry 20% cover 50%;
130
+ }
131
+
132
+ @media (prefers-reduced-motion: reduce) {
133
+ .scroll-draw path,
134
+ .scroll-draw line,
135
+ .scroll-draw polyline,
136
+ .scroll-draw polygon,
137
+ .scroll-draw circle,
138
+ .scroll-draw ellipse {
139
+ animation: none;
140
+ stroke-dashoffset: 0;
141
+ }
142
+ }
143
+
144
+ /* ───────── Scroll-reveal utility ───────── */
145
+
146
+ @keyframes scroll-fade-in {
147
+ from {
148
+ opacity: 0;
149
+ transform: translateY(20px);
150
+ }
151
+
152
+ to {
153
+ opacity: 1;
154
+ transform: translateY(0);
155
+ }
156
+ }
157
+
158
+ .scroll-reveal {
159
+ animation: scroll-fade-in linear both;
160
+ animation-timeline: view();
161
+ animation-range: entry 10% cover 30%;
162
+ }
163
+
164
+ @media (prefers-reduced-motion: reduce) {
165
+ .scroll-reveal {
166
+ animation: none;
167
+ opacity: 1;
168
+ transform: none;
169
+ }
170
+ }
package/src/themes/briarcove/components.css ADDED
@@ -0,0 +1,27 @@
1
+ /* Hex — Briarcove Component Barrel
2
+ * Imports shared component CSS (one file per Rig package).
3
+ * Components use only semantic tokens — Tailwind resolves them
4
+ * against this theme's tokens.css at build time.
5
+ * @import rules must precede @reference so postcss-import can inline them.
6
+ */
7
+
8
+ @import '../../shared/rig-defaults.css';
9
+ @import '../../shared/components/core.css';
10
+ @import '../../shared/components/layout.css';
11
+ @import '../../shared/components/nav.css';
12
+ @import '../../shared/components/editor.css';
13
+ @import '../../shared/components/lists.css';
14
+ @import '../../shared/components/menus.css';
15
+ @import '../../shared/components/extras.css';
16
+ @import '../../shared/components/shell.css';
17
+ @import '../../shared/components/data.css';
18
+ @import '../../shared/components/spatial.css';
19
+ @import '../../shared/components/temporal.css';
20
+ @import '../../shared/components/web.css';
21
+ @import '../../shared/a11y.css';
22
+ @import '../../shared/components/prose.css';
23
+ @import '../../shared/utilities.css';
24
+ @import '../../shared/scroll-animations.css';
25
+
26
+ @reference 'tailwindcss';
27
+ @reference './tokens.css';
package/src/themes/briarcove/domains.css ADDED
@@ -0,0 +1,72 @@
1
+ /* Hex — Briarcove Domains
2
+ * Domain accent colors, responsive breakpoints, unstyled overrides.
3
+ * Briarcove is an institutional theme — domains are less relevant
4
+ * but included for contract compatibility.
5
+ */
6
+
7
+ @reference 'tailwindcss';
8
+ @reference './tokens.css';
9
+
10
+ /* ───────── Domain accent colors ───────── */
11
+
12
+ [data-domain='legal'] {
13
+ --domain-accent: #f59e0b;
14
+ }
15
+
16
+ [data-domain='life'] {
17
+ --domain-accent: #14b8a6;
18
+ }
19
+
20
+ [data-domain='software'] {
21
+ --domain-accent: #3b82f6;
22
+ }
23
+
24
+ [data-domain='business'] {
25
+ --domain-accent: #10b981;
26
+ }
27
+
28
+ [data-domain='history'] {
29
+ --domain-accent: #a8a29e;
30
+ }
31
+
32
+ [data-domain='world'] {
33
+ --domain-accent: #8b5cf6;
34
+ }
35
+
36
+ /* ───────── Responsive: Marketing site ───────── */
37
+
38
+ @media (width <= 700px) {
39
+ [data-rig-shell-grid] {
40
+ grid-template-areas:
41
+ 'editor'
42
+ 'panel'
43
+ 'statusbar';
44
+ grid-template-columns: 1fr;
45
+ grid-template-rows: 1fr auto auto;
46
+ }
47
+
48
+ [data-rig-shell-activity] {
49
+ display: none;
50
+ }
51
+
52
+ [data-rig-shell-sidebar] {
53
+ display: none;
54
+ }
55
+ }
56
+
57
+ /* ───────── Unstyled theme overrides ───────── */
58
+
59
+ [data-theme='unstyled'] *,
60
+ [data-theme='unstyled'] *::before,
61
+ [data-theme='unstyled'] *::after {
62
+ color: revert !important;
63
+ background-color: revert !important;
64
+ background: revert !important;
65
+ border-color: revert !important;
66
+ box-shadow: none !important;
67
+ text-shadow: none !important;
68
+ backdrop-filter: none !important;
69
+ opacity: 1 !important;
70
+
71
+ --domain-accent: initial !important;
72
+ }
package/src/themes/briarcove/index.css ADDED
@@ -0,0 +1,6 @@
1
+ @import 'tailwindcss';
2
+ @import '../../shared/tokens.css';
3
+ @import './tokens.css';
4
+ @import './base.css';
5
+ @import './components.css';
6
+ @import './domains.css';
package/src/themes/briarcove/tokens.css ADDED
@@ -0,0 +1,179 @@
1
+ /* Hex — Briarcove Design Tokens
2
+ * Studio clarity. Clean white canvas with violet accents.
3
+ * WCAG 2.1 AA compliant. Pure white background, dark purple-tinted foreground.
4
+ * Light mode studio theme — suited for creative platforms and portfolios.
5
+ *
6
+ * Full palette (10 swatch colors):
7
+ * #FFFFFF white — background
8
+ * #F5F2FA violet tint — card
9
+ * #EDE8F5 lavender — secondary, muted
10
+ * #D8D0E5 violet border — borders
11
+ * #6A5A80 purple gray — muted foreground
12
+ * #1A1428 dark violet — foreground text
13
+ * #6D42C4 violet — primary, accent, info
14
+ * #DC2626 red — destructive
15
+ * #D97706 amber — warning
16
+ * #16A34A green — success
17
+ *
18
+ * @theme feeds Tailwind v4 utility generation (bg-background, text-foreground, etc.)
19
+ * :root provides standalone CSS custom property access for non-Tailwind consumers.
20
+ */
21
+
22
+ @theme {
23
+ /* Surface colors */
24
+ --color-background: #ffffff;
25
+ --color-foreground: #1a1428;
26
+ --color-card: #f5f2fa;
27
+ --color-card-foreground: #1a1428;
28
+ --color-popover: #ffffff;
29
+ --color-popover-foreground: #1a1428;
30
+
31
+ /* Brand */
32
+ --color-primary: #6d42c4;
33
+ --color-primary-foreground: #ffffff;
34
+
35
+ /* Soft accents */
36
+ --color-secondary: #ede8f5;
37
+ --color-secondary-foreground: #1a1428;
38
+ --color-muted: #ede8f5;
39
+ --color-muted-foreground: #6a5a80;
40
+ --color-accent: #d97706;
41
+ --color-accent-foreground: #ffffff;
42
+
43
+ /* Semantic status */
44
+ --color-destructive: #dc2626;
45
+ --color-destructive-foreground: #ffffff;
46
+ --color-success: #16a34a;
47
+ --color-warning: #d97706;
48
+ --color-info: #6d42c4;
49
+
50
+ /* Borders and focus */
51
+ --color-border: #d8d0e5;
52
+ --color-input: #d8d0e5;
53
+ --color-ring: #6d42c4;
54
+
55
+ /* Typography */
56
+ --font-sans: 'Libre Franklin', 'Inter', system-ui, sans-serif;
57
+ --font-mono: 'SF Mono', ui-monospace, monospace;
58
+ --font-serif: 'Merriweather', Georgia, serif;
59
+ --font-heading: 'Merriweather', Georgia, serif;
60
+
61
+ /* Radius */
62
+ /* Typography — IDE-density type scale */
63
+ --font-size-2xs: 0.625rem;
64
+ --font-size-2xs--line-height: 1.25;
65
+ --font-size-xs: 0.75rem;
66
+ --font-size-xs--line-height: 1.5;
67
+ --font-size-sm: 0.8125rem;
68
+ --font-size-sm--line-height: 1.5;
69
+ --font-size-base: 0.875rem;
70
+ --font-size-base--line-height: 1.5;
71
+ --font-size-lg: 1.125rem;
72
+ --font-size-lg--line-height: 1.25;
73
+ --font-size-xl: 1.25rem;
74
+ --font-size-xl--line-height: 1.25;
75
+
76
+ /* Display font family */
77
+ --font-display: var(--font-sans);
78
+
79
+ --radius: 3px;
80
+ }
81
+
82
+ :root {
83
+ --background: #ffffff;
84
+ --foreground: #1a1428;
85
+ --card: #f5f2fa;
86
+ --card-foreground: #1a1428;
87
+ --popover: #ffffff;
88
+ --popover-foreground: #1a1428;
89
+ --primary: #6d42c4;
90
+ --primary-foreground: #ffffff;
91
+ --secondary: #ede8f5;
92
+ --secondary-foreground: #1a1428;
93
+ --muted: #ede8f5;
94
+ --muted-foreground: #6a5a80;
95
+ --accent: #6d42c4;
96
+ --accent-foreground: #ffffff;
97
+ --destructive: #dc2626;
98
+ --destructive-foreground: #ffffff;
99
+ --success: #16a34a;
100
+ --warning: #d97706;
101
+ --info: #6d42c4;
102
+ --border: #d8d0e5;
103
+ --input: #d8d0e5;
104
+ --ring: #6d42c4;
105
+ /* Typography — IDE-density type scale */
106
+ --font-size-2xs: 0.625rem;
107
+ --font-size-2xs--line-height: 1.25;
108
+ --font-size-xs: 0.75rem;
109
+ --font-size-xs--line-height: 1.5;
110
+ --font-size-sm: 0.8125rem;
111
+ --font-size-sm--line-height: 1.5;
112
+ --font-size-base: 0.875rem;
113
+ --font-size-base--line-height: 1.5;
114
+ --font-size-lg: 1.125rem;
115
+ --font-size-lg--line-height: 1.25;
116
+ --font-size-xl: 1.25rem;
117
+ --font-size-xl--line-height: 1.25;
118
+
119
+ /* Display font family */
120
+ --font-display: var(--font-sans);
121
+
122
+ --radius: 3px;
123
+
124
+ /* Typography — IDE-density type scale (shorthand aliases) */
125
+ --text-2xs: 0.625rem;
126
+ --text-xs: 0.75rem;
127
+ --text-sm: 0.8125rem;
128
+ --text-base: 0.875rem;
129
+ --text-lg: 1.125rem;
130
+ --text-xl: 1.25rem;
131
+ --leading-tight: 1.25;
132
+ --leading-snug: 1.375;
133
+ --leading-normal: 1.5;
134
+ --leading-relaxed: 1.625;
135
+ --weight-normal: 400;
136
+ --weight-medium: 500;
137
+ --weight-semibold: 600;
138
+ --weight-bold: 700;
139
+ --tracking-tight: -0.01em;
140
+ --tracking-normal: 0;
141
+ --tracking-wide: 0.05em;
142
+ --tracking-wider: 0.08em;
143
+ --font-display: var(--font-sans);
144
+ --font-sans: 'Libre Franklin', 'Inter', system-ui, sans-serif;
145
+ --font-mono: 'SF Mono', ui-monospace, monospace;
146
+ --font-serif: 'Merriweather', Georgia, serif;
147
+ --font-heading: 'Merriweather', Georgia, serif;
148
+
149
+ /* ── Named palette aliases ──────────────────────────────────────────────
150
+ * All 10 swatch colors available for direct template use.
151
+ */
152
+ --bc-white: #ffffff;
153
+ --bc-violet-tint: #f5f2fa;
154
+ --bc-lavender: #ede8f5;
155
+ --bc-dark: #1a1428;
156
+ --bc-purple-gray: #6a5a80;
157
+ --bc-violet: #6d42c4;
158
+ --bc-red: #dc2626;
159
+ --bc-amber: #d97706;
160
+ --bc-green: #16a34a;
161
+ --bc-violet-border: #d8d0e5;
162
+
163
+ /* ── Rig component token bridge ─────────────────────────────────────────
164
+ * Overrides shared/tokens.css defaults where the Briarcove palette needs
165
+ * values that can't be derived directly from --color-* semantics.
166
+ */
167
+
168
+ /* Button */
169
+ --rig-button-hover-bg: #5c37a6;
170
+ --rig-button-hover-fg: #ffffff;
171
+ --rig-button-secondary-bg: transparent;
172
+ --rig-button-secondary-fg: var(--color-foreground);
173
+ --rig-button-secondary-hover-bg: #ede8f5;
174
+ --rig-button-secondary-hover-fg: var(--color-foreground);
175
+
176
+ /* Scrollbar — dark violet tint for light mode */
177
+ --rig-scrollbar-thumb: rgba(26, 20, 40, 0.15);
178
+ --rig-scrollbar-thumb-hover: rgba(26, 20, 40, 0.3);
179
+ }
package/src/themes/briarcovelib/base.css ADDED
@@ -0,0 +1,111 @@
1
+ /* Hex — Briarcovelib Base Styles
2
+ * Public library — Bitter headings, Cabin body. Warm community feel.
3
+ */
4
+
5
+ @reference 'tailwindcss';
6
+ @reference './tokens.css';
7
+
8
+ html {
9
+ font-size: 16px;
10
+ }
11
+
12
+ html,
13
+ body {
14
+ @apply bg-background text-foreground font-sans;
15
+ color-scheme: light;
16
+ -webkit-font-smoothing: antialiased;
17
+ -moz-osx-font-smoothing: grayscale;
18
+ }
19
+
20
+ body {
21
+ font-size: 17px;
22
+ font-weight: 400;
23
+ line-height: 1.65;
24
+ }
25
+
26
+ h1 {
27
+ font-size: 48px;
28
+ font-weight: 700;
29
+ font-family: var(--font-serif);
30
+ color: var(--color-primary);
31
+ margin: 0;
32
+ padding: 0;
33
+ line-height: 1.15;
34
+ }
35
+
36
+ h2 {
37
+ font-size: 36px;
38
+ font-weight: 600;
39
+ font-family: var(--font-serif);
40
+ color: var(--color-primary);
41
+ margin: 0;
42
+ padding: 0;
43
+ line-height: 1.2;
44
+ }
45
+
46
+ ::-webkit-scrollbar {
47
+ width: 8px;
48
+ height: 8px;
49
+ }
50
+ ::-webkit-scrollbar-track {
51
+ background: transparent;
52
+ }
53
+ ::-webkit-scrollbar-thumb {
54
+ background: color-mix(in srgb, var(--color-foreground) 12%, transparent);
55
+ border-radius: 4px;
56
+ }
57
+ ::-webkit-scrollbar-thumb:hover {
58
+ background: color-mix(in srgb, var(--color-foreground) 25%, transparent);
59
+ }
60
+
61
+ *:focus-visible {
62
+ outline: 2px solid var(--color-primary);
63
+ outline-offset: 2px;
64
+ }
65
+ ::selection {
66
+ background: color-mix(in srgb, var(--color-primary) 30%, transparent);
67
+ color: var(--color-foreground);
68
+ }
69
+
70
+ html {
71
+ scroll-behavior: smooth;
72
+ }
73
+
74
+ @media (prefers-reduced-motion: reduce) {
75
+ *,
76
+ *::before,
77
+ *::after {
78
+ animation-duration: 0.01ms !important;
79
+ animation-iteration-count: 1 !important;
80
+ transition-duration: 0.01ms !important;
81
+ scroll-behavior: auto !important;
82
+ }
83
+ }
84
+
85
+ * {
86
+ scrollbar-width: thin;
87
+ scrollbar-color: color-mix(in srgb, var(--color-foreground) 12%, transparent) transparent;
88
+ }
89
+
90
+ @keyframes scroll-fade-in {
91
+ from {
92
+ opacity: 0;
93
+ transform: translateY(20px);
94
+ }
95
+ to {
96
+ opacity: 1;
97
+ transform: translateY(0);
98
+ }
99
+ }
100
+ .scroll-reveal {
101
+ animation: scroll-fade-in linear both;
102
+ animation-timeline: view();
103
+ animation-range: entry 10% cover 30%;
104
+ }
105
+ @media (prefers-reduced-motion: reduce) {
106
+ .scroll-reveal {
107
+ animation: none;
108
+ opacity: 1;
109
+ transform: none;
110
+ }
111
+ }
package/src/themes/briarcovelib/components.css ADDED
@@ -0,0 +1,22 @@
1
+ /* Hex — Briarcovelib Component Barrel */
2
+
3
+ @import '../../shared/rig-defaults.css';
4
+ @import '../../shared/components/core.css';
5
+ @import '../../shared/components/layout.css';
6
+ @import '../../shared/components/nav.css';
7
+ @import '../../shared/components/editor.css';
8
+ @import '../../shared/components/lists.css';
9
+ @import '../../shared/components/menus.css';
10
+ @import '../../shared/components/extras.css';
11
+ @import '../../shared/components/shell.css';
12
+ @import '../../shared/components/data.css';
13
+ @import '../../shared/components/spatial.css';
14
+ @import '../../shared/components/temporal.css';
15
+ @import '../../shared/components/web.css';
16
+ @import '../../shared/a11y.css';
17
+ @import '../../shared/components/prose.css';
18
+ @import '../../shared/utilities.css';
19
+ @import '../../shared/scroll-animations.css';
20
+
21
+ @reference 'tailwindcss';
22
+ @reference './tokens.css';
package/src/themes/briarcovelib/domains.css ADDED
@@ -0,0 +1,19 @@
1
+ /* Hex — Briarcovelib Domains */
2
+ @reference 'tailwindcss';
3
+ @reference './tokens.css';
4
+
5
+ [data-domain='legal'] {
6
+ --domain-accent: #9e4a2f;
7
+ }
8
+ [data-domain='life'] {
9
+ --domain-accent: #3a6b8c;
10
+ }
11
+ [data-domain='software'] {
12
+ --domain-accent: #3a6b8c;
13
+ }
14
+ [data-domain='business'] {
15
+ --domain-accent: #9e4a2f;
16
+ }
17
+ [data-domain='history'] {
18
+ --domain-accent: #6b6054;
19
+ }
package/src/themes/briarcovelib/index.css ADDED
@@ -0,0 +1,6 @@
1
+ @import 'tailwindcss';
2
+ @import '../../shared/tokens.css';
3
+ @import './tokens.css';
4
+ @import './base.css';
5
+ @import './components.css';
6
+ @import './domains.css';