@amulet-laboratories/hex 0.3.0 → 0.5.0

package/src/scoped/themes/{duskline.css → lagoon.css}

@@ -10,7 +10,7 @@
  *   #121A22  cold graphite  — card, popover
  *   #1A2430  cold charcoal  — secondary, muted
  *   #4A6478  dim            — subtle text
- *   #7090A2  steel          — muted foreground
+ *   #6A8494  steel          — muted foreground
  *   #3CC8B4  teal-cyan      — primary, accent, ring (h≈170)
  *   #D8E4EC  cool white     — foreground text
  *
@@ -18,7 +18,7 @@
  * :root provides standalone CSS custom property access for non-Tailwind consumers.
  */
 
-[data-hex-theme='duskline'] {
+[data-hex-theme='lagoon'] {
   --color-background: #0a0f14;
   --color-foreground: #d8e4ec;
   --color-card: #121a22;
@@ -30,10 +30,10 @@
   --color-secondary: #1a2430;
   --color-secondary-foreground: #d8e4ec;
   --color-muted: #1a2430;
-  --color-muted-foreground: #7090a2;
+  --color-muted-foreground: #6a8494;
   --color-accent: #d4a040;
   --color-accent-foreground: #0a0f14;
-  --color-destructive: #c94545;
+  --color-destructive: #e05555;
   --color-destructive-foreground: #d8e4ec;
   --color-success: #2db87a;
   --color-warning: #d4a040;
@@ -58,6 +58,9 @@
   --font-size-xl--line-height: 1.25;
   --font-display: var(--font-sans);
   --radius: 2px;
+  --tracking-heading: 0.1em;
+  --tracking-display: 0.15em;
+  --tracking-caps: 0.3em;
   --background: #0a0f14;
   --foreground: #d8e4ec;
   --card: #121a22;
@@ -69,10 +72,10 @@
   --secondary: #1a2430;
   --secondary-foreground: #d8e4ec;
   --muted: #1a2430;
-  --muted-foreground: #7090a2;
-  --accent: #d4a040;
+  --muted-foreground: #6a8494;
+  --accent: #3cc8b4;
   --accent-foreground: #0a0f14;
-  --destructive: #c94545;
+  --destructive: #e05555;
   --destructive-foreground: #d8e4ec;
   --success: #2db87a;
   --warning: #d4a040;
@@ -101,7 +104,7 @@
   --dk-black: #0a0f14;
   --dk-graphite: #121a22;
   --dk-charcoal: #1a2430;
-  --dk-steel: #7090a2;
+  --dk-steel: #6a8494;
   --dk-dim: #4a6478;
   --dk-cyan: #3cc8b4;
   --dk-white: #d8e4ec;
@@ -113,5 +116,18 @@
   --rig-button-secondary-hover-fg: var(--color-foreground);
   --rig-scrollbar-thumb: rgba(216, 228, 236, 0.1);
   --rig-scrollbar-thumb-hover: rgba(216, 228, 236, 0.22);
-  --site-footer-color: var(--color-background);
+
+  /* Noir rhythm — narrow, mono-feeling display */
+  --rig-display-md: 2.25rem;
+  --rig-display-lg: 2.75rem;
+  --rig-display-xl: 3.5rem;
+  --rig-display-tracking: 0.08em;
+  --rig-display-leading: 1.15;
+  --rig-display-weight: 600;
+
+  /* Cool desaturation reinforces noir */
+  --rig-media-filter: saturate(0.7) brightness(0.92) contrast(1.05);
+
+  --link-slide-color: #d4a040;
+  --rig-elevation-rgb: 10 15 20;
 }

package/src/scoped/themes/{saltsignal.css → ochre.css}

@@ -11,7 +11,7 @@
  *   #FFFCF4  warm white  — card, popover
  *   #2A2210  dark roast  — foreground text
  *   #7A6A4A  leather     — muted foreground
- *   #846008  amber       — primary, ring
+ *   #B8860B  amber       — primary, ring
  *   #3D6B4F  green       — accent, success
  *   #B84233  red         — destructive
  *
@@ -19,19 +19,19 @@
  * :root provides standalone CSS custom property access for non-Tailwind consumers.
  */
 
-[data-hex-theme='saltsignal'] {
+[data-hex-theme='ochre'] {
   --color-background: #faf6ee;
   --color-foreground: #2a2210;
   --color-card: #fffcf4;
   --color-card-foreground: #2a2210;
   --color-popover: #fffcf4;
   --color-popover-foreground: #2a2210;
-  --color-primary: #846008;
+  --color-primary: #8a6209;
   --color-primary-foreground: #fffcf4;
   --color-secondary: #ede4d4;
   --color-secondary-foreground: #2a2210;
   --color-muted: #ede4d4;
-  --color-muted-foreground: #7a6a4a;
+  --color-muted-foreground: #5a4a30;
   --color-accent: #3d6b4f;
   --color-accent-foreground: #fffcf4;
   --color-destructive: #b84233;
@@ -41,7 +41,7 @@
   --color-info: #5a7aaa;
   --color-border: #d8ccb0;
   --color-input: #d8ccb0;
-  --color-ring: #846008;
+  --color-ring: #8a6209;
   --font-sans: 'Nunito Sans', 'Inter', system-ui, sans-serif;
   --font-mono: 'Anybody', 'DM Mono', ui-monospace, monospace;
   --font-serif: 'Fraunces', Georgia, serif;
@@ -66,12 +66,12 @@
   --card-foreground: #2a2210;
   --popover: #fffcf4;
   --popover-foreground: #2a2210;
-  --primary: #846008;
+  --primary: #8a6209;
   --primary-foreground: #fffcf4;
   --secondary: #ede4d4;
   --secondary-foreground: #2a2210;
   --muted: #ede4d4;
-  --muted-foreground: #7a6a4a;
+  --muted-foreground: #5a4a30;
   --accent: #3d6b4f;
   --accent-foreground: #fffcf4;
   --destructive: #b84233;
@@ -81,7 +81,7 @@
   --info: #5a7aaa;
   --border: #d8ccb0;
   --input: #d8ccb0;
-  --ring: #846008;
+  --ring: #8a6209;
   --text-2xs: 0.625rem;
   --text-xs: 0.75rem;
   --text-sm: 0.8125rem;
@@ -104,11 +104,24 @@
   --ss-parchment: #ede4d4;
   --ss-warm-white: #fffcf4;
   --ss-dark-roast: #2a2210;
-  --ss-leather: #7a6a4a;
-  --ss-amber: #846008;
+  --ss-leather: #5a4a30;
+  --ss-amber: #8a6209;
   --ss-green: #3d6b4f;
   --ss-red: #b84233;
   --rig-button-hover-bg: #ede4d4;
   --rig-scrollbar-thumb: rgba(42, 34, 16, 0.12);
   --rig-scrollbar-thumb-hover: rgba(42, 34, 16, 0.25);
+
+  /* Goods-store rhythm — friendly serif */
+  --rig-display-md: 2.25rem;
+  --rig-display-lg: 3rem;
+  --rig-display-xl: 4rem;
+  --rig-display-tracking: -0.005em;
+  --rig-display-leading: 1.1;
+
+  /* Warm parchment tone on imagery */
+  --rig-media-filter: saturate(1.05) brightness(1.02) sepia(0.04);
+
+  --link-slide-color: #8a6209;
+  --rig-elevation-rgb: 42 34 16;
 }

package/src/scoped/themes/{marenlys.css → orchid.css}

@@ -9,15 +9,16 @@
  *   #FAF5F8  pink tint       — card
  *   #F2E8F0  blush           — secondary, muted
  *   #1A0A18  dark magenta    — foreground text
- *   #846578  mauve           — muted foreground
+ *   #8A6A80  mauve           — muted foreground
  *   #E5D5E0  rose border     — borders
- *   #C43A8A  magenta-pink    — primary, accent
+ *   #C43A8A  magenta-pink    — primary
+ *   #8A2160  deep plum-rose  — accent (same hue family, deeper for hierarchy)
  *
  * @theme feeds Tailwind v4 utility generation (bg-background, text-foreground, etc.)
  * :root provides standalone CSS custom property access for non-Tailwind consumers.
  */
 
-[data-hex-theme='marenlys'] {
+[data-hex-theme='orchid'] {
   --color-background: #fafafa;
   --color-foreground: #1a0a18;
   --color-card: #faf5f8;
@@ -29,8 +30,8 @@
   --color-secondary: #f2e8f0;
   --color-secondary-foreground: #1a0a18;
   --color-muted: #f2e8f0;
-  --color-muted-foreground: #846578;
-  --color-accent: #c43a8a;
+  --color-muted-foreground: #6a4860;
+  --color-accent: #8a2160;
   --color-accent-foreground: #ffffff;
   --color-destructive: #cc4444;
   --color-destructive-foreground: #ffffff;
@@ -58,6 +59,9 @@
   --font-size-xl--line-height: 1.25;
   --font-display: var(--font-sans);
   --radius: 0px;
+  --tracking-heading: 0.1em;
+  --tracking-display: 0.15em;
+  --tracking-caps: 0.2em;
   --background: #fafafa;
   --foreground: #1a0a18;
   --card: #faf5f8;
@@ -69,8 +73,8 @@
   --secondary: #f2e8f0;
   --secondary-foreground: #1a0a18;
   --muted: #f2e8f0;
-  --muted-foreground: #846578;
-  --accent: #c43a8a;
+  --muted-foreground: #6a4860;
+  --accent: #8a2160;
   --accent-foreground: #ffffff;
   --destructive: #cc4444;
   --destructive-foreground: #ffffff;
@@ -102,11 +106,24 @@
   --ml-pink-tint: #faf5f8;
   --ml-blush: #f2e8f0;
   --ml-dark-magenta: #1a0a18;
-  --ml-mauve: #846578;
+  --ml-mauve: #6a4860;
   --ml-rose-border: #e5d5e0;
   --ml-magenta: #c43a8a;
   --rig-button-hover-bg: #f2e8f0;
   --rig-scrollbar-thumb: rgba(26, 10, 24, 0.08);
   --rig-scrollbar-thumb-hover: rgba(26, 10, 24, 0.18);
-  --site-max-width: 64rem;
+
+  /* Gallery rhythm — italic serif display, generous spacing */
+  --rig-display-md: 3rem;
+  --rig-display-lg: 4.25rem;
+  --rig-display-xl: 6rem;
+  --rig-display-2xl: 8rem;
+  --rig-display-tracking: -0.015em;
+  --rig-display-leading: 1.05;
+
+  /* Gallery integrity — no filter, accurate color reproduction */
+  --rig-media-filter: none;
+
+  --link-slide-color: #c43a8a;
+  --rig-elevation-rgb: 138 33 96;
 }

package/src/scoped/themes/{briarcovelib.css → sienna.css}

@@ -10,21 +10,21 @@
  *   #E2DCD0  sandstone       — secondary, muted
  *   #2B2622  umber           — foreground text
  *   #6B6054  driftwood       — muted foreground
- *   #9E5229  sienna          — primary, ring
+ *   #A5562E  sienna          — primary, ring
  *   #3A6B8C  slate blue      — accent
  *
  * @theme feeds Tailwind v4 utility generation (bg-background, text-foreground, etc.)
  * :root provides standalone CSS custom property access for non-Tailwind consumers.
  */
 
-[data-hex-theme='briarcovelib'] {
+[data-hex-theme='sienna'] {
   --color-background: #faf8f4;
   --color-foreground: #2b2622;
   --color-card: #f0ece3;
   --color-card-foreground: #2b2622;
   --color-popover: #ffffff;
   --color-popover-foreground: #2b2622;
-  --color-primary: #9e5229;
+  --color-primary: #a5562e;
   --color-primary-foreground: #faf8f4;
   --color-secondary: #e2dcd0;
   --color-secondary-foreground: #2b2622;
@@ -39,7 +39,7 @@
   --color-info: #3a6b8c;
   --color-border: #d0c8ba;
   --color-input: #d0c8ba;
-  --color-ring: #9e5229;
+  --color-ring: #a5562e;
   --font-sans: 'Cabin', 'Inter', system-ui, sans-serif;
   --font-mono: 'Cabin', 'SF Mono', ui-monospace, monospace;
   --font-serif: 'Bitter', Georgia, serif;
@@ -64,7 +64,7 @@
   --card-foreground: #2b2622;
   --popover: #ffffff;
   --popover-foreground: #2b2622;
-  --primary: #9e5229;
+  --primary: #a5562e;
   --primary-foreground: #faf8f4;
   --secondary: #e2dcd0;
   --secondary-foreground: #2b2622;
@@ -79,7 +79,7 @@
   --info: #3a6b8c;
   --border: #d0c8ba;
   --input: #d0c8ba;
-  --ring: #9e5229;
+  --ring: #a5562e;
   --text-2xs: 0.625rem;
   --text-xs: 0.75rem;
   --text-sm: 0.8125rem;
@@ -103,9 +103,22 @@
   --bl-sandstone: #e2dcd0;
   --bl-umber: #2b2622;
   --bl-driftwood: #6b6054;
-  --bl-sienna: #9e5229;
+  --bl-sienna: #a5562e;
   --bl-slate: #3a6b8c;
   --rig-button-hover-bg: #e2dcd0;
   --rig-scrollbar-thumb: rgba(43, 38, 34, 0.12);
   --rig-scrollbar-thumb-hover: rgba(43, 38, 34, 0.25);
+
+  /* Library editorial — bookish */
+  --rig-display-md: 2.25rem;
+  --rig-display-lg: 3rem;
+  --rig-display-xl: 4rem;
+  --rig-display-tracking: -0.005em;
+  --rig-display-leading: 1.15;
+
+  /* Vellum warmth on imagery */
+  --rig-media-filter: sepia(0.06) saturate(1.02) brightness(0.99);
+
+  --link-slide-color: #a5562e;
+  --rig-elevation-rgb: 43 38 34;
 }

package/src/scoped/themes/{lanternhouse.css → vesper.css}

@@ -11,13 +11,14 @@
  *   #E4DFF0  lavender white  — foreground text
  *   #8A80A0  dusty violet    — muted foreground
  *   #7A8EB8  cool blue       — info
- *   #A87BD4  soft lavender   — primary, accent (h≈280)
+ *   #A87BD4  soft lavender   — primary (h≈280)
+ *   #C89FB8  dusty rose      — accent (h≈325, warm complement)
  *
  * @theme feeds Tailwind v4 utility generation (bg-background, text-foreground, etc.)
  * :root provides standalone CSS custom property access for non-Tailwind consumers.
  */
 
-[data-hex-theme='lanternhouse'] {
+[data-hex-theme='vesper'] {
   --color-background: #110e18;
   --color-foreground: #e4dff0;
   --color-card: #1a1624;
@@ -30,9 +31,9 @@
   --color-secondary-foreground: #e4dff0;
   --color-muted: #221e30;
   --color-muted-foreground: #8a80a0;
-  --color-accent: #a87bd4;
+  --color-accent: #c89fb8;
   --color-accent-foreground: #110e18;
-  --color-destructive: #c04a4a;
+  --color-destructive: #d45a5a;
   --color-destructive-foreground: #e4dff0;
   --color-success: #5aaa70;
   --color-warning: #d4a843;
@@ -58,6 +59,9 @@
   --font-size-xl--line-height: 1.25;
   --font-display: var(--font-sans);
   --radius: 5px;
+  --tracking-heading: 0.1em;
+  --tracking-display: 0.15em;
+  --tracking-caps: 0.2em;
   --background: #110e18;
   --foreground: #e4dff0;
   --card: #1a1624;
@@ -70,9 +74,9 @@
   --secondary-foreground: #e4dff0;
   --muted: #221e30;
   --muted-foreground: #8a80a0;
-  --accent: #a87bd4;
+  --accent: #c89fb8;
   --accent-foreground: #110e18;
-  --destructive: #c04a4a;
+  --destructive: #d45a5a;
   --destructive-foreground: #e4dff0;
   --success: #5aaa70;
   --warning: #d4a843;
@@ -108,4 +112,21 @@
   --rig-button-hover-bg: #221e30;
   --rig-scrollbar-thumb: rgba(228, 223, 240, 0.15);
   --rig-scrollbar-thumb-hover: rgba(228, 223, 240, 0.3);
+
+  /* Editorial display rhythm — generous tracking for serif elegance */
+  --rig-display-md: 3rem;
+  --rig-display-lg: 4rem;
+  --rig-display-xl: 5.5rem;
+  --rig-display-2xl: 7rem;
+  --rig-display-tracking: -0.01em;
+  --rig-display-leading: 1.05;
+
+  /* Evening-warmth media filter */
+  --rig-media-filter: brightness(0.97) saturate(1.08);
+
+  /* Link slide accent */
+  --link-slide-color: #c89fb8;
+
+  /* Light-shadow tint over plum */
+  --rig-elevation-rgb: 17 14 24;
 }

package/src/scoped/tokens.css

@@ -7,6 +7,7 @@
 @import './themes/briarcovelib.css';
 @import './themes/compass.css';
 @import './themes/duskline.css';
+@import './themes/fogline.css';
 @import './themes/forge.css';
 @import './themes/garden.css';
 @import './themes/greyline.css';
@@ -14,6 +15,7 @@
 @import './themes/lanternhouse.css';
 @import './themes/marenlys.css';
 @import './themes/quizbit.css';
+@import './themes/rootremedy.css';
 @import './themes/saltsignal.css';
 @import './themes/spacewizard.css';
 @import './themes/tidemark.css';