@amulet-laboratories/hex 0.3.0 → 0.5.1

package/src/scoped/themes/citron.css

@@ -0,0 +1,105 @@
+/* Hex — quizbit (scoped) */
+
+/* Hex — Quizbit Design Tokens
+ * SNES retro pixel game palette.
+ * Deep indigo backgrounds, gold UI highlights, hot magenta accent, chunky pixel aesthetic.
+ * Inspired by Chrono Trigger / FF6 / Super Mario World menu screens.
+ *
+ * @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='citron'] {
+  --color-background: #0a0a1e;
+  --color-foreground: #e8e8f0;
+  --color-card: #161638;
+  --color-card-foreground: #e8e8f0;
+  --color-popover: #161638;
+  --color-popover-foreground: #e8e8f0;
+  --color-primary: #f8d848;
+  --color-primary-foreground: #0a0a1e;
+  --color-secondary: #282850;
+  --color-secondary-foreground: #e8e8f0;
+  --color-muted: #282850;
+  --color-muted-foreground: #9090b8;
+  --color-accent: #f868d8;
+  --color-accent-foreground: #0a0a1e;
+  --color-destructive: #f04848;
+  --color-destructive-foreground: #0a0a1e;
+  --color-success: #58d858;
+  --color-warning: #f89838;
+  --color-info: #38a8e8;
+  --color-border: #303068;
+  --color-input: #303068;
+  --color-ring: #f8d848;
+  --font-sans: 'Space Grotesk', system-ui, -apple-system, sans-serif;
+  --font-serif: 'Space Grotesk', system-ui, -apple-system, sans-serif;
+  --font-mono: 'VT323', 'JetBrains Mono', ui-monospace, monospace;
+  --radius: 0px;
+  --font-size-2xs: 0.625rem;
+  --font-size-2xs--line-height: 1.25;
+  --font-size-xs: 0.75rem;
+  --font-size-xs--line-height: 1.5;
+  --font-size-sm: 0.875rem;
+  --font-size-sm--line-height: 1.5;
+  --font-size-base: 1rem;
+  --font-size-base--line-height: 1.5;
+  --font-size-lg: 1.125rem;
+  --font-size-lg--line-height: 1.25;
+  --font-size-xl: 1.25rem;
+  --font-size-xl--line-height: 1.25;
+  --font-display: 'VT323', 'Courier New', monospace;
+  --font-heading: 'VT323', 'Courier New', monospace;
+  --background: #0a0a1e;
+  --foreground: #e8e8f0;
+  --card: #161638;
+  --card-foreground: #e8e8f0;
+  --popover: #161638;
+  --popover-foreground: #e8e8f0;
+  --primary: #f8d848;
+  --primary-foreground: #0a0a1e;
+  --secondary: #282850;
+  --secondary-foreground: #e8e8f0;
+  --muted: #282850;
+  --muted-foreground: #9090b8;
+  --accent: #f868d8;
+  --accent-foreground: #0a0a1e;
+  --destructive: #f04848;
+  --destructive-foreground: #0a0a1e;
+  --success: #58d858;
+  --warning: #f89838;
+  --info: #38a8e8;
+  --border: #303068;
+  --input: #303068;
+  --ring: #f8d848;
+  --text-2xs: 0.625rem;
+  --text-xs: 0.75rem;
+  --text-sm: 0.875rem;
+  --text-base: 1rem;
+  --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --leading-tight: 1.25;
+  --leading-snug: 1.375;
+  --leading-normal: 1.5;
+  --leading-relaxed: 1.625;
+  --weight-normal: 400;
+  --weight-medium: 500;
+  --weight-semibold: 600;
+  --weight-bold: 700;
+  --tracking-tight: -0.01em;
+  --tracking-normal: 0;
+  --tracking-wide: 0.05em;
+  --quizbit-indigo: #0a0a1e;
+  --quizbit-indigo-light: #161638;
+  --quizbit-gold: #f8d848;
+  --quizbit-gold-light: #ffe878;
+  --quizbit-pixel-white: #e8e8f0;
+  --quizbit-lavender: #9090b8;
+  --quizbit-magenta: #f868d8;
+  --quizbit-green: #58d858;
+  --quizbit-red: #f04848;
+  --quizbit-cyan: #38a8e8;
+  --rig-button-hover-bg: #303068;
+  --rig-scrollbar-thumb: rgba(248, 216, 72, 0.18);
+  --rig-scrollbar-thumb-hover: rgba(248, 216, 72, 0.35);
+}

package/src/scoped/themes/{compass.css → clover.css}

@@ -10,36 +10,36 @@
  *   #E0ECE0  pale eucalyptus  — secondary, muted
  *   #1A2A1A  deep moss        — foreground text
  *   #4A6A4A  fern             — muted foreground
- *   #2B743B  true green       — primary, ring
- *   #BB572D  warm coral       — accent, action
+ *   #2D7A3E  true green       — primary, ring
+ *   #D16B3F  warm coral       — accent, action
  *
  * @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='compass'] {
+[data-hex-theme='clover'] {
   --color-background: #f8fdf6;
   --color-foreground: #1a2a1a;
   --color-card: #f0f5ee;
   --color-card-foreground: #1a2a1a;
   --color-popover: #ffffff;
   --color-popover-foreground: #1a2a1a;
-  --color-primary: #2b743b;
+  --color-primary: #2d7a3e;
   --color-primary-foreground: #f8fdf6;
   --color-secondary: #e0ece0;
   --color-secondary-foreground: #1a2a1a;
   --color-muted: #e0ece0;
   --color-muted-foreground: #4a6a4a;
-  --color-accent: #bb572d;
+  --color-accent: #d16b3f;
   --color-accent-foreground: #f8fdf6;
   --color-destructive: #cc3b3b;
   --color-destructive-foreground: #f8fdf6;
-  --color-success: #2b743b;
+  --color-success: #2d7a3e;
   --color-warning: #d4a030;
   --color-info: #4a7a9e;
   --color-border: #c0d8c0;
   --color-input: #c0d8c0;
-  --color-ring: #2b743b;
+  --color-ring: #2d7a3e;
   --font-sans: 'Outfit', 'Inter', system-ui, sans-serif;
   --font-mono: 'Outfit', 'SF Mono', ui-monospace, monospace;
   --font-serif: 'Atkinson Hyperlegible', 'Inter', system-ui, sans-serif;
@@ -64,22 +64,22 @@
   --card-foreground: #1a2a1a;
   --popover: #ffffff;
   --popover-foreground: #1a2a1a;
-  --primary: #2b743b;
+  --primary: #2d7a3e;
   --primary-foreground: #f8fdf6;
   --secondary: #e0ece0;
   --secondary-foreground: #1a2a1a;
   --muted: #e0ece0;
   --muted-foreground: #4a6a4a;
-  --accent: #bb572d;
+  --accent: #d16b3f;
   --accent-foreground: #f8fdf6;
   --destructive: #cc3b3b;
   --destructive-foreground: #f8fdf6;
-  --success: #2b743b;
+  --success: #2d7a3e;
   --warning: #d4a030;
   --info: #4a7a9e;
   --border: #c0d8c0;
   --input: #c0d8c0;
-  --ring: #2b743b;
+  --ring: #2d7a3e;
   --text-2xs: 0.625rem;
   --text-xs: 0.75rem;
   --text-sm: 0.8125rem;
@@ -103,9 +103,22 @@
   --ca-eucalyptus: #e0ece0;
   --ca-moss: #1a2a1a;
   --ca-fern: #4a6a4a;
-  --ca-green: #2b743b;
-  --ca-coral: #bb572d;
+  --ca-green: #2d7a3e;
+  --ca-coral: #d16b3f;
   --rig-button-hover-bg: #e0ece0;
   --rig-scrollbar-thumb: rgba(26, 42, 26, 0.12);
   --rig-scrollbar-thumb-hover: rgba(26, 42, 26, 0.25);
+
+  /* Approachable medical rhythm */
+  --rig-display-md: 2.25rem;
+  --rig-display-lg: 2.75rem;
+  --rig-display-xl: 3.5rem;
+  --rig-display-tracking: -0.005em;
+  --rig-display-leading: 1.15;
+
+  /* Soft natural warmth */
+  --rig-media-filter: saturate(1.03) brightness(1.02);
+
+  --link-slide-color: #2d7a3e;
+  --rig-elevation-rgb: 26 42 26;
 }

package/src/scoped/themes/{vscode.css → cobalt.css}

@@ -7,7 +7,7 @@
  * Source: extensions/theme-defaults/themes/dark_modern.json
  */
 
-[data-hex-theme='vscode'] {
+[data-hex-theme='cobalt'] {
   --color-background: #1f1f1f;
   --color-foreground: #cccccc;
   --color-card: #181818;
@@ -27,6 +27,11 @@
   --color-success: #2ea043;
   --color-warning: #cca700;
   --color-info: #75beff;
+  --color-purple: #8b5cf6;
+  --color-teal: #14b8a6;
+  --color-orange: #f97316;
+  --color-rose: #f43f5e;
+  --color-neutral: #78716c;
   --color-border: #2b2b2b;
   --color-input: #3c3c3c;
   --color-ring: #0078d4;
@@ -92,15 +97,15 @@
   --vsc-button-secondary-fg: #cccccc;
   --vsc-button-secondary-hover-bg: #2b2b2b;
   --vsc-input-bg: #313131;
-  --vsc-input-border: #3c3c3c;
+  --vsc-input-border: var(--color-border);
   --vsc-input-fg: #cccccc;
   --vsc-input-placeholder: #989898;
   --vsc-dropdown-bg: #313131;
-  --vsc-dropdown-border: #3c3c3c;
+  --vsc-dropdown-border: var(--color-border);
   --vsc-dropdown-fg: #cccccc;
   --vsc-dropdown-list-bg: #1f1f1f;
   --vsc-checkbox-bg: #313131;
-  --vsc-checkbox-border: #3c3c3c;
+  --vsc-checkbox-border: var(--color-border);
   --vsc-badge-bg: #616161;
   --vsc-badge-fg: #f8f8f8;
   --vsc-activitybar-bg: #181818;
@@ -139,7 +144,7 @@
   --vsc-notification-fg: #cccccc;
   --vsc-notification-border: #2b2b2b;
   --vsc-widget-bg: #202020;
-  --vsc-widget-border: #313131;
+  --vsc-widget-border: var(--color-border);
   --vsc-scrollbar-thumb: rgba(121, 121, 121, 0.4);
   --vsc-scrollbar-thumb-hover: rgba(100, 100, 100, 0.7);
   --vsc-scrollbar-thumb-active: rgba(191, 191, 191, 0.4);

package/src/scoped/themes/{undertow.css → copper.css}

@@ -17,7 +17,7 @@
  * :root provides standalone CSS custom property access for non-Tailwind consumers.
  */
 
-[data-hex-theme='undertow'] {
+[data-hex-theme='copper'] {
   --color-background: #1c1917;
   --color-foreground: #f5f0eb;
   --color-card: #292524;
@@ -110,4 +110,19 @@
   --rig-button-hover-bg: #3b3633;
   --rig-scrollbar-thumb: rgba(245, 240, 235, 0.12);
   --rig-scrollbar-thumb-hover: rgba(245, 240, 235, 0.25);
+
+  /* Industrial display rhythm — heavy, condensed, uppercase */
+  --rig-display-md: 3rem;
+  --rig-display-lg: 4.5rem;
+  --rig-display-xl: 6rem;
+  --rig-display-2xl: 8rem;
+  --rig-display-tracking: -0.02em;
+  --rig-display-leading: 0.95;
+  --rig-display-weight: 900;
+
+  /* Slight warmth on imagery — orange-leaning */
+  --rig-media-filter: contrast(1.05) saturate(1.1);
+
+  --link-slide-color: #d95f2a;
+  --rig-elevation-rgb: 28 25 23;
 }

package/src/scoped/themes/{tidemark.css → cypress.css}

@@ -9,17 +9,17 @@
  *   #FAF7F2  linen white     — background
  *   #E8E0D4  warm sand       — secondary, muted
  *   #B5A898  driftwood       — soft neutral
- *   #5B7575  muted cyan      — muted foreground
+ *   #6A8888  muted cyan      — muted foreground
  *   #2C2420  charcoal brown  — foreground text
  *   #1A7A7A  true cyan       — primary brand
- *   #B7523D  terracotta      — accent, destructive
+ *   #C4634F  terracotta      — accent, destructive
  *   #7A9E7E  sage            — success
  *
  * @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='tidemark'] {
+[data-hex-theme='cypress'] {
   --color-background: #faf7f2;
   --color-foreground: #2c2420;
   --color-card: #fffdf8;
@@ -31,10 +31,10 @@
   --color-secondary: #e8e0d4;
   --color-secondary-foreground: #2c2420;
   --color-muted: #e8e0d4;
-  --color-muted-foreground: #5b7575;
-  --color-accent: #b7523d;
+  --color-muted-foreground: #6a8888;
+  --color-accent: #c4634f;
   --color-accent-foreground: #fffdf8;
-  --color-destructive: #b7523d;
+  --color-destructive: #c4634f;
   --color-destructive-foreground: #fffdf8;
   --color-success: #7a9e7e;
   --color-warning: #d4a843;
@@ -71,10 +71,10 @@
   --secondary: #e8e0d4;
   --secondary-foreground: #2c2420;
   --muted: #e8e0d4;
-  --muted-foreground: #5b7575;
-  --accent: #b7523d;
+  --muted-foreground: #6a8888;
+  --accent: #c4634f;
   --accent-foreground: #fffdf8;
-  --destructive: #b7523d;
+  --destructive: #c4634f;
   --destructive-foreground: #fffdf8;
   --success: #7a9e7e;
   --warning: #d4a843;
@@ -104,9 +104,9 @@
   --tm-sand: #e8e0d4;
   --tm-driftwood: #b5a898;
   --tm-charcoal: #2c2420;
-  --tm-clay: #5b7575;
+  --tm-clay: #6a8888;
   --tm-cyan: #1a7a7a;
-  --tm-terracotta: #b7523d;
+  --tm-terracotta: #c4634f;
   --tm-sage: #7a9e7e;
   --rig-button-hover-bg: #156a6a;
   --rig-button-hover-fg: #fffdf8;
@@ -116,4 +116,17 @@
   --rig-button-secondary-hover-fg: var(--color-foreground);
   --rig-scrollbar-thumb: rgba(44, 36, 32, 0.15);
   --rig-scrollbar-thumb-hover: rgba(44, 36, 32, 0.3);
+
+  /* Coastal real estate rhythm */
+  --rig-display-md: 2.25rem;
+  --rig-display-lg: 2.75rem;
+  --rig-display-xl: 3.75rem;
+  --rig-display-tracking: -0.005em;
+  --rig-display-leading: 1.15;
+
+  /* Coastal warm-light cast */
+  --rig-media-filter: saturate(1.05) brightness(1.03);
+
+  --link-slide-color: #1a7a7a;
+  --rig-elevation-rgb: 44 36 32;
 }

package/src/scoped/themes/{aldricpace.css → harbor.css}

@@ -18,7 +18,7 @@
  * :root provides standalone CSS custom property access for non-Tailwind consumers.
  */
 
-[data-hex-theme='aldricpace'] {
+[data-hex-theme='harbor'] {
   --color-background: #fafbfc;
   --color-foreground: #1b2033;
   --color-card: #f2f4f7;
@@ -59,6 +59,9 @@
   --font-size-xl--line-height: 1.25;
   --font-display: var(--font-sans);
   --radius: 3px;
+  --tracking-heading: 0.05em;
+  --tracking-display: 0.1em;
+  --tracking-caps: 0.15em;
   --background: #fafbfc;
   --foreground: #1b2033;
   --card: #f2f4f7;
@@ -110,6 +113,15 @@
   --rig-button-hover-bg: #e6e9ef;
   --rig-scrollbar-thumb: rgba(27, 32, 51, 0.12);
   --rig-scrollbar-thumb-hover: rgba(27, 32, 51, 0.25);
-  --site-nav-utility-bg: var(--color-primary);
-  --site-max-width: 64rem;
+
+  /* Conservative professional rhythm */
+  --rig-display-md: 2.25rem;
+  --rig-display-lg: 2.75rem;
+  --rig-display-xl: 3.5rem;
+  --rig-display-tracking: 0;
+  --rig-display-leading: 1.2;
+
+  --rig-media-filter: saturate(0.92);
+  --link-slide-color: #1e3a5f;
+  --rig-elevation-rgb: 27 32 51;
 }

package/src/scoped/themes/hearth.css

@@ -0,0 +1,134 @@
+/* Hex — fogline (scoped) */
+
+/* Hex — Fogline Design Tokens
+ * Warm espresso dark mode. The only brown-toned dark theme in Hex.
+ * Feels like the inside of a dimly lit roastery at dawn — deep
+ * espresso background, crema gold primary, patina copper accent.
+ *
+ * Full palette (8 swatch colors):
+ *   #16120e  deep espresso   — background
+ *   #1e1914  dark roast      — card, popover
+ *   #2a231c  walnut          — secondary, muted
+ *   #ede4d8  steamed milk    — foreground text
+ *   #9a8b78  warm taupe      — muted foreground
+ *   #c8a265  crema gold      — primary, ring
+ *   #d4843a  patina copper   — accent
+ *   #c44830  ember red       — destructive
+ *
+ * Font pairing: DM Sans (sans) + Cormorant Garamond (serif/heading)
+ * Radius: 4px — precise, not fussy
+ *
+ * @theme feeds Tailwind v4 utility generation (bg-background, text-foreground, etc.)
+ */
+
+[data-hex-theme='hearth'] {
+  --color-background: #16120e;
+  --color-foreground: #ede4d8;
+  --color-card: #1e1914;
+  --color-card-foreground: #ede4d8;
+  --color-popover: #1e1914;
+  --color-popover-foreground: #ede4d8;
+  --color-primary: #c8a265;
+  --color-primary-foreground: #16120e;
+  --color-secondary: #2a231c;
+  --color-secondary-foreground: #ede4d8;
+  --color-muted: #2a231c;
+  --color-muted-foreground: #9a8b78;
+  --color-accent: #d4843a;
+  --color-accent-foreground: #16120e;
+  --color-destructive: #c44830;
+  --color-destructive-foreground: #ede4d8;
+  --color-success: #5a8a5c;
+  --color-warning: #d4a040;
+  --color-info: #5a8ab0;
+  --color-border: #362e26;
+  --color-input: #362e26;
+  --color-ring: #c8a265;
+  --font-sans: 'DM Sans', 'Inter', system-ui, sans-serif;
+  --font-mono: 'Space Mono', 'SF Mono', ui-monospace, monospace;
+  --font-serif: 'Cormorant Garamond', Georgia, serif;
+  --font-heading: 'Cormorant Garamond', Georgia, serif;
+  --font-size-2xs: 0.625rem;
+  --font-size-2xs--line-height: 1.25;
+  --font-size-xs: 0.75rem;
+  --font-size-xs--line-height: 1.5;
+  --font-size-sm: 0.8125rem;
+  --font-size-sm--line-height: 1.5;
+  --font-size-base: 0.875rem;
+  --font-size-base--line-height: 1.5;
+  --font-size-lg: 1.125rem;
+  --font-size-lg--line-height: 1.25;
+  --font-size-xl: 1.25rem;
+  --font-size-xl--line-height: 1.25;
+  --font-display: var(--font-sans);
+  --radius: 4px;
+  --background: #16120e;
+  --foreground: #ede4d8;
+  --card: #1e1914;
+  --card-foreground: #ede4d8;
+  --popover: #1e1914;
+  --popover-foreground: #ede4d8;
+  --primary: #c8a265;
+  --primary-foreground: #16120e;
+  --secondary: #2a231c;
+  --secondary-foreground: #ede4d8;
+  --muted: #2a231c;
+  --muted-foreground: #9a8b78;
+  --accent: #d4843a;
+  --accent-foreground: #16120e;
+  --destructive: #c44830;
+  --destructive-foreground: #ede4d8;
+  --success: #5a8a5c;
+  --warning: #d4a040;
+  --info: #5a8ab0;
+  --border: #362e26;
+  --input: #362e26;
+  --ring: #c8a265;
+  --text-2xs: 0.625rem;
+  --text-xs: 0.75rem;
+  --text-sm: 0.8125rem;
+  --text-base: 0.875rem;
+  --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --leading-tight: 1.25;
+  --leading-snug: 1.375;
+  --leading-normal: 1.5;
+  --leading-relaxed: 1.625;
+  --weight-normal: 400;
+  --weight-medium: 500;
+  --weight-semibold: 600;
+  --weight-bold: 700;
+  --tracking-tight: -0.01em;
+  --tracking-normal: 0;
+  --tracking-wide: 0.05em;
+  --tracking-wider: 0.08em;
+  --fl-espresso: #16120e;
+  --fl-roast: #1e1914;
+  --fl-walnut: #2a231c;
+  --fl-milk: #ede4d8;
+  --fl-taupe: #9a8b78;
+  --fl-crema: #c8a265;
+  --fl-copper: #d4843a;
+  --fl-ember: #c44830;
+  --rig-button-hover-bg: #362e26;
+  --rig-scrollbar-thumb: rgba(237, 228, 216, 0.1);
+  --rig-scrollbar-thumb-hover: rgba(237, 228, 216, 0.2);
+  --section-divider-fill: #1e1914;
+  --section-divider-bg: #16120e;
+  --ornament-color: #c8a265;
+  --flanked-heading-stroke: #362e26;
+
+  /* Editorial roastery rhythm */
+  --rig-display-md: 2.5rem;
+  --rig-display-lg: 3.5rem;
+  --rig-display-xl: 5rem;
+  --rig-display-2xl: 6.5rem;
+  --rig-display-tracking: -0.01em;
+  --rig-display-leading: 1.05;
+
+  /* Espresso warmth on imagery */
+  --rig-media-filter: sepia(0.12) saturate(1.12) brightness(0.97);
+
+  --link-slide-color: #c8a265;
+  --rig-elevation-rgb: 22 18 14;
+}

package/src/scoped/themes/{briarcove.css → iris.css}

@@ -21,7 +21,7 @@
  * :root provides standalone CSS custom property access for non-Tailwind consumers.
  */
 
-[data-hex-theme='briarcove'] {
+[data-hex-theme='iris'] {
   --color-background: #ffffff;
   --color-foreground: #1a1428;
   --color-card: #f5f2fa;
@@ -74,7 +74,7 @@
   --secondary-foreground: #1a1428;
   --muted: #ede8f5;
   --muted-foreground: #6a5a80;
-  --accent: #d97706;
+  --accent: #6d42c4;
   --accent-foreground: #ffffff;
   --destructive: #dc2626;
   --destructive-foreground: #ffffff;
@@ -120,4 +120,15 @@
   --rig-button-secondary-hover-fg: var(--color-foreground);
   --rig-scrollbar-thumb: rgba(26, 20, 40, 0.15);
   --rig-scrollbar-thumb-hover: rgba(26, 20, 40, 0.3);
+
+  /* Civic — solid, readable */
+  --rig-display-md: 2.25rem;
+  --rig-display-lg: 2.75rem;
+  --rig-display-xl: 3.5rem;
+  --rig-display-tracking: 0;
+  --rig-display-leading: 1.2;
+
+  --rig-media-filter: saturate(0.95);
+  --link-slide-color: #6d42c4;
+  --rig-elevation-rgb: 26 20 40;
 }

package/src/scoped/themes/juniper.css

@@ -0,0 +1,121 @@
+/* Hex — rootremedy (scoped) */
+
+/* Hex — Root & Remedy Design Tokens
+ * Medical cannabis dispensary. Midnight apothecary with sage and copper.
+ * Deep navy base, warm parchment text, botanical sage primary, earthy copper accent.
+ *
+ * Full palette (7 swatch colors):
+ *   #0B1222  midnight        — background
+ *   #141D30  indigo          — card, popover
+ *   #1E2A40  slate           — secondary, muted
+ *   #ECE8E1  parchment       — foreground text
+ *   #8B92A0  cool slate      — muted foreground
+ *   #7BA68E  sage            — primary, ring
+ *   #D4A574  copper          — accent
+ */
+
+[data-hex-theme='juniper'] {
+  --color-background: #0b1222;
+  --color-foreground: #ece8e1;
+  --color-card: #141d30;
+  --color-card-foreground: #ece8e1;
+  --color-popover: #141d30;
+  --color-popover-foreground: #ece8e1;
+  --color-primary: #7ba68e;
+  --color-primary-foreground: #0b1222;
+  --color-secondary: #1e2a40;
+  --color-secondary-foreground: #ece8e1;
+  --color-muted: #1e2a40;
+  --color-muted-foreground: #a8aebc;
+  --color-accent: #d4a574;
+  --color-accent-foreground: #0b1222;
+  --color-destructive: #c44040;
+  --color-destructive-foreground: #ece8e1;
+  --color-success: #7ba68e;
+  --color-warning: #d4a574;
+  --color-info: #6b8faa;
+  --color-border: #2a3650;
+  --color-input: #2a3650;
+  --color-ring: #7ba68e;
+  --font-sans: 'Manrope', 'Inter', system-ui, sans-serif;
+  --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;
+  --font-serif: 'Newsreader', 'Georgia', serif;
+  --font-heading: 'Newsreader', 'Georgia', serif;
+  --font-size-2xs: 0.625rem;
+  --font-size-2xs--line-height: 1.25;
+  --font-size-xs: 0.75rem;
+  --font-size-xs--line-height: 1.5;
+  --font-size-sm: 0.8125rem;
+  --font-size-sm--line-height: 1.5;
+  --font-size-base: 0.875rem;
+  --font-size-base--line-height: 1.5;
+  --font-size-lg: 1.125rem;
+  --font-size-lg--line-height: 1.25;
+  --font-size-xl: 1.25rem;
+  --font-size-xl--line-height: 1.25;
+  --font-display: var(--font-serif);
+  --radius: 12px;
+  --background: #0b1222;
+  --foreground: #ece8e1;
+  --card: #141d30;
+  --card-foreground: #ece8e1;
+  --popover: #141d30;
+  --popover-foreground: #ece8e1;
+  --primary: #7ba68e;
+  --primary-foreground: #0b1222;
+  --secondary: #1e2a40;
+  --secondary-foreground: #ece8e1;
+  --muted: #1e2a40;
+  --muted-foreground: #a8aebc;
+  --accent: #d4a574;
+  --accent-foreground: #0b1222;
+  --destructive: #c44040;
+  --destructive-foreground: #ece8e1;
+  --success: #7ba68e;
+  --warning: #d4a574;
+  --info: #6b8faa;
+  --border: #2a3650;
+  --input: #2a3650;
+  --ring: #7ba68e;
+  --text-2xs: 0.625rem;
+  --text-xs: 0.75rem;
+  --text-sm: 0.8125rem;
+  --text-base: 0.875rem;
+  --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --leading-tight: 1.25;
+  --leading-snug: 1.375;
+  --leading-normal: 1.5;
+  --leading-relaxed: 1.625;
+  --weight-normal: 400;
+  --weight-medium: 500;
+  --weight-semibold: 600;
+  --weight-bold: 700;
+  --tracking-tight: -0.01em;
+  --tracking-normal: 0;
+  --tracking-wide: 0.05em;
+  --tracking-wider: 0.08em;
+  --rr-midnight: #0b1222;
+  --rr-indigo: #141d30;
+  --rr-slate: #1e2a40;
+  --rr-parchment: #ece8e1;
+  --rr-cool-slate: #a8aebc;
+  --rr-sage: #7ba68e;
+  --rr-copper: #d4a574;
+  --site-footer-bg: var(--color-card);
+  --site-footer-color: var(--color-foreground);
+  --rig-button-hover-bg: #1e2a40;
+  --rig-scrollbar-thumb: rgba(236, 232, 225, 0.1);
+  --rig-scrollbar-thumb-hover: rgba(236, 232, 225, 0.2);
+
+  /* Calm wellness rhythm */
+  --rig-display-md: 2.5rem;
+  --rig-display-lg: 3.25rem;
+  --rig-display-xl: 4.5rem;
+  --rig-display-tracking: -0.005em;
+  --rig-display-leading: 1.15;
+
+  --rig-media-filter: saturate(0.95);
+  --link-slide-color: #7ba68e;
+  --rig-elevation-rgb: 11 18 34;
+}