.after-threshold-rounded :where(a.inline-flex,a[class*=px-]){border-radius:9999px}.after-threshold-rounded :where(.border:not([class*=rounded])){border-radius:1rem}.inline-flex{display:inline-flex}.h-11{height:2.75rem}.h-5{height:1.25rem}.w-11{width:2.75rem}.w-5{width:1.25rem}.flex-shrink-0,.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-sf-border{--tw-border-opacity: 1;border-color:rgb(var(--sf-border) / var(--tw-border-opacity, 1))}.bg-sf-chrome\/90{background-color:rgb(var(--sf-chrome) / .9)}.bg-sf-chrome\/95{background-color:rgb(var(--sf-chrome) / .95)}.bg-sf-surface{--tw-bg-opacity: 1;background-color:rgb(var(--sf-surface) / var(--tw-bg-opacity, 1))}.leading-\[1\.05\]{line-height:1.05}.text-sf-foreground{--tw-text-opacity: 1;color:rgb(var(--sf-foreground) / var(--tw-text-opacity, 1))}.text-sf-secondary{--tw-text-opacity: 1;color:rgb(var(--sf-secondary) / var(--tw-text-opacity, 1))}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-sf-raised:hover{--tw-bg-opacity: 1;background-color:rgb(var(--sf-raised) / var(--tw-bg-opacity, 1))}.hover\:text-sf-foreground:hover{--tw-text-opacity: 1;color:rgb(var(--sf-foreground) / var(--tw-text-opacity, 1))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-sf-accent:focus-visible{outline-color:rgb(var(--sf-accent) / 1)}@media(min-width:1024px){.lg\:mb-\[-6px\]{margin-bottom:-6px}}@media(min-width:1024px){.lg\:mt-\[-5px\]{margin-top:-5px}}@media(min-width:1024px){.lg\:leading-\[0\.82\]{line-height:.82}}
/* RGB channels let Tailwind opacity modifiers work with semantic roles.
   Keep utility palettes unchanged: a white hero caption and a white card
   serve different purposes even when they share a light-mode color. */
:root {
  --sf-canvas: 249 250 251;
  --sf-surface: 255 255 255;
  --sf-muted-surface: 249 250 251;
  --sf-raised: 243 244 246;
  --sf-chrome: 255 255 255;
  --sf-foreground: 3 7 18;
  --sf-secondary: 55 65 81;
  --sf-subtle: 107 114 128;
  --sf-border: 229 231 235;
  --sf-primary: 3 7 18;
  --sf-on-primary: 255 255 255;
  --sf-accent: 217 119 6;
  --sf-accent-soft: 255 251 235;
  --sf-inverse: 11 12 16;
  --sf-on-inverse: 243 239 230;
}

html.sf-theme-dark {
  --sf-canvas: 7 8 10;
  --sf-surface: 21 22 28;
  --sf-muted-surface: 27 28 35;
  --sf-raised: 35 36 44;
  --sf-chrome: 11 12 16;
  --sf-foreground: 243 239 230;
  --sf-secondary: 201 207 218;
  --sf-subtle: 143 155 177;
  --sf-border: 41 42 49;
  --sf-primary: 243 239 230;
  --sf-on-primary: 11 12 16;
  --sf-accent: 226 192 122;
  --sf-accent-soft: 25 23 19;
  --sf-inverse: 243 239 230;
  --sf-on-inverse: 11 12 16;
}

/* The welcome panel is a brand surface in either theme. Local roles keep
   its champagne controls readable without imposing a theme on the page. */
.sf-onboarding-brand-panel {
  --sf-inverse: 11 12 16;
  --sf-on-inverse: 243 239 230;
  --sf-secondary: 201 207 218;
  --sf-subtle: 143 155 177;
  --sf-border: 255 255 255;
  --sf-accent: 226 192 122;
}

/* Storefront adapter for Mastery Hub's semantic palette (themeTokens.css).
   Legacy mappings are property-specific and scoped to the two public shells.
   White captions, gold controls, product photography and brand media retain
   their own colors. New UI should use bg-sf-*, text-sf-* and border-sf-* roles. */
html.sf-theme-dark,
html.sf-theme-dark body {
  background-color: rgb(var(--sf-canvas));
  color: rgb(var(--sf-foreground));
}

html.sf-theme-dark .sf-storefront :where(
  .bg-\[\#c9c1ae\],
  .bg-\[\#ded6c8\],
  .bg-\[\#e8edf7\],
  .bg-\[\#ebe7de\],
  .bg-\[\#ece9e1\],
  .bg-\[\#edd9ac\],
  .bg-\[\#edf0f4\],
  .bg-\[\#eef0f4\],
  .bg-\[\#eef9f4\],
  .bg-\[\#efe8dc\],
  .bg-\[\#f0eee8\],
  .bg-\[\#f1efe9\],
  .bg-\[\#f3ddb0\],
  .bg-\[\#f3f3f3\],
  .bg-\[\#f4e3bc\],
  .bg-\[\#f4efe6\],
  .bg-\[\#f4f1ea\],
  .bg-\[\#f5f1e9\],
  .bg-\[\#f5f3ed\],
  .bg-\[\#f6f1e5\],
  .bg-\[\#f6f2e8\],
  .bg-\[\#f7f3eb\],
  .bg-\[\#f7f5ef\],
  .bg-\[\#f7fbff\],
  .bg-\[\#f8f1e4\],
  .bg-\[\#f8f5ee\],
  .bg-\[\#faf7f0\]\/54,
  .bg-\[\#fbf8f1\],
  .bg-\[\#fbfaf6\],
  .bg-\[\#fbfaf7\],
  .bg-\[\#fcfaf5\],
  .bg-\[\#fff7e8\],
  .bg-\[\#fff8df\],
  .bg-\[\#fffdf8\],
  .bg-\[\#fffdfa\],
  .bg-\[\#fffdfa\]\/95,
  .bg-\[\#fffdfa\]\/96,
  .bg-\[\#fffefa\],
  .bg-white,
  .bg-white\/34,
  .bg-white\/38,
  .bg-white\/40,
  .bg-white\/45,
  .bg-white\/46,
  .bg-white\/50,
  .bg-white\/60,
  .bg-white\/70,
  .bg-white\/72,
  .bg-white\/75,
  .bg-white\/76,
  .bg-white\/80,
  .bg-white\/85,
  .bg-white\/90,
  .bg-white\/95
) {
  background-color: rgb(var(--sf-surface));
}

html.sf-theme-dark .sf-storefront :where(
  .bg-gray-100,
  .bg-gray-200,
  .bg-gray-50,
  .bg-gray-50\/70,
  .bg-neutral-100,
  .bg-neutral-200,
  .bg-neutral-50,
  .bg-slate-100,
  .bg-slate-200,
  .bg-slate-50,
  .bg-slate-50\/70,
  .bg-slate-50\/80,
  .bg-stone-100,
  .bg-stone-200,
  .bg-stone-50,
  .bg-zinc-100,
  .bg-zinc-200,
  .bg-zinc-50
) {
  background-color: rgb(var(--sf-muted-surface));
}

html.sf-theme-dark .sf-storefront :where(
  .text-\[\#071223\],
  .text-\[\#071521\],
  .text-\[\#091426\],
  .text-\[\#0b1a3a\],
  .text-\[\#0d1826\],
  .text-\[\#0f172a\],
  .text-\[\#101827\],
  .text-\[\#101828\],
  .text-\[\#101927\],
  .text-\[\#111624\],
  .text-\[\#141b2d\],
  .text-\[\#141b2d\]\/65,
  .text-\[\#1a2638\],
  .text-\[\#1b2538\],
  .text-\[\#1c273b\],
  .text-\[\#263044\],
  .text-\[\#273144\],
  .text-\[\#3f4653\],
  .text-black,
  .text-gray-800,
  .text-gray-900,
  .text-gray-950,
  .text-neutral-800,
  .text-neutral-900,
  .text-neutral-950,
  .text-slate-800,
  .text-slate-900,
  .text-slate-950,
  .text-stone-800,
  .text-stone-900,
  .text-stone-950,
  .text-zinc-800,
  .text-zinc-900,
  .text-zinc-950
) {
  color: rgb(var(--sf-foreground));
}

html.sf-theme-dark .sf-storefront :where(
  .text-\[\#3f4653\],
  .text-\[\#3f4859\],
  .text-\[\#435269\],
  .text-\[\#4a505b\],
  .text-\[\#4d5668\],
  .text-\[\#4e5865\],
  .text-\[\#4e586a\],
  .text-\[\#4e6189\],
  .text-\[\#4f5665\],
  .text-\[\#4f5967\],
  .text-\[\#536071\],
  .text-\[\#536177\],
  .text-\[\#55606d\],
  .text-\[\#556070\],
  .text-\[\#56616d\],
  .text-\[\#59636f\],
  .text-\[\#596576\],
  .text-\[\#5d6678\],
  .text-\[\#5e6675\],
  .text-\[\#5f6d82\],
  .text-\[\#65707d\],
  .text-\[\#667085\],
  .text-\[\#76673d\],
  .text-\[\#7a8392\],
  .text-\[\#7b6b47\],
  .text-\[\#7c6b3f\],
  .text-\[\#7d6936\],
  .text-\[\#8a93a3\],
  .text-\[\#8b8475\],
  .text-\[\#8c7d56\],
  .text-\[\#8f9caf\],
  .text-\[\#9a8b61\],
  .text-gray-500,
  .text-gray-600,
  .text-gray-700,
  .text-neutral-500,
  .text-neutral-600,
  .text-neutral-700,
  .text-slate-500,
  .text-slate-600,
  .text-slate-700,
  .text-stone-500,
  .text-stone-600,
  .text-stone-700,
  .text-zinc-500,
  .text-zinc-600,
  .text-zinc-700
) {
  color: rgb(var(--sf-secondary));
}

html.sf-theme-dark .sf-storefront :where(
  .text-\[\#7a654e\],
  .text-\[\#7c6b3f\],
  .text-\[\#7d6936\],
  .text-\[\#8a3f10\],
  .text-\[\#90712f\],
  .text-\[\#9a741e\],
  .text-\[\#9b4a19\],
  .text-\[\#9b6b16\],
  .text-\[\#9f2d2d\],
  .text-\[\#a44a1e\],
  .text-\[\#a76a09\],
  .text-\[\#a84f13\],
  .text-\[\#a8791c\],
  .text-\[\#b08a2b\],
  .text-\[\#b08a2e\],
  .text-\[\#b48a2f\],
  .text-\[\#b64a18\],
  .text-\[\#b98218\],
  .text-amber-500,
  .text-amber-600,
  .text-amber-700,
  .text-amber-800,
  .text-amber-900
) {
  color: rgb(var(--sf-accent));
}

html.sf-theme-dark .sf-storefront :where(
  .border-\[\#c8d3eb\],
  .border-\[\#c9c1ae\],
  .border-\[\#c9d7f1\],
  .border-\[\#d8cdb8\],
  .border-\[\#d8cfb9\],
  .border-\[\#d8cfbd\],
  .border-\[\#d8d1c2\],
  .border-\[\#d8d2c5\],
  .border-\[\#d8d2c5\]\/65,
  .border-\[\#d8d2c5\]\/80,
  .border-\[\#d8e0f1\],
  .border-\[\#d9d5cb\],
  .border-\[\#ddd4c3\],
  .border-\[\#ddd7ca\],
  .border-\[\#ded5c5\],
  .border-\[\#ded6c5\],
  .border-\[\#ded6c8\],
  .border-\[\#ded7c8\],
  .border-\[\#ded7ca\],
  .border-\[\#ded8ca\],
  .border-\[\#e2d9c7\],
  .border-\[\#e2dacb\],
  .border-\[\#e2ded2\],
  .border-\[\#e3ddd0\],
  .border-\[\#e4ddcf\],
  .border-\[\#e5dece\],
  .border-\[\#e5ded0\],
  .border-\[\#e6e1d6\],
  .border-\[\#e6e1d6\]\/70,
  .border-\[\#e6e1d7\],
  .border-\[\#e8e3d8\],
  .border-\[\#ebe5da\],
  .border-\[\#f3ddb0\],
  .border-black\/10,
  .border-gray-100,
  .border-gray-200,
  .border-gray-300,
  .border-neutral-100,
  .border-neutral-200,
  .border-neutral-300,
  .border-slate-100,
  .border-slate-200,
  .border-slate-300,
  .border-stone-100,
  .border-stone-200,
  .border-stone-300,
  .border-zinc-100,
  .border-zinc-200,
  .border-zinc-300
) {
  border-color: rgb(var(--sf-border));
}

html.sf-theme-dark .sf-storefront :where(
  .from-\[\#edf3ff\],
  .from-\[\#eef3fc\],
  .from-\[\#f3f6fd\],
  .from-\[\#f8faff\],
  .from-\[\#fbfaf6\],
  .from-\[\#fbfaf7\],
  .from-\[\#fffaf0\],
  .from-amber-100,
  .from-amber-50,
  .from-gray-100,
  .from-gray-50,
  .from-orange-50,
  .from-slate-50,
  .from-white
) {
  --tw-gradient-from: rgb(var(--sf-canvas)) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--sf-canvas) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

html.sf-theme-dark .sf-storefront :where(
  .via-\[\#edf3ff\],
  .via-\[\#eef3fc\],
  .via-\[\#f3f6fd\],
  .via-\[\#f8faff\],
  .via-\[\#fbfaf6\],
  .via-\[\#fbfaf7\],
  .via-\[\#fffaf0\],
  .via-amber-100,
  .via-amber-50,
  .via-gray-100,
  .via-gray-50,
  .via-orange-50,
  .via-slate-50,
  .via-white
) {
  --tw-gradient-to: rgb(var(--sf-surface) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--sf-surface)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

html.sf-theme-dark .sf-storefront :where(
  .to-\[\#edf3ff\],
  .to-\[\#eef3fc\],
  .to-\[\#f3f6fd\],
  .to-\[\#f8faff\],
  .to-\[\#fbfaf6\],
  .to-\[\#fbfaf7\],
  .to-\[\#fffaf0\],
  .to-amber-100,
  .to-amber-50,
  .to-gray-100,
  .to-gray-50,
  .to-orange-50,
  .to-slate-50,
  .to-white
) {
  --tw-gradient-to: rgb(var(--sf-canvas)) var(--tw-gradient-to-position);
}

/* Chrome, controls and interaction states use distinct levels of charcoal. */
html.sf-theme-dark .sf-storefront-chrome,
html.sf-theme-dark .sf-storefront nav.fixed,
html.sf-theme-dark .sf-storefront nav.absolute {
  background-color: rgb(var(--sf-chrome) / 0.96);
  border-color: rgb(var(--sf-border));
  box-shadow: 0 12px 40px rgb(0 0 0 / 0.28);
}
html.sf-theme-dark .sf-storefront :where(
  .hover\:bg-white:hover, .hover\:bg-gray-50:hover,
  .hover\:bg-gray-100:hover, .hover\:bg-slate-50:hover,
  .hover\:bg-amber-50:hover, .hover\:bg-amber-100:hover
) { background-color: rgb(var(--sf-raised)); }
html.sf-theme-dark .sf-storefront :where(
  .hover\:text-gray-900:hover, .hover\:text-slate-900:hover
) { color: rgb(var(--sf-foreground)); }
html.sf-theme-dark .sf-storefront :where(
  .hover\:text-amber-600:hover, .hover\:text-amber-700:hover,
  .hover\:text-amber-800:hover
) { color: rgb(var(--sf-accent)); }
html.sf-theme-dark .sf-storefront :where(.bg-amber-50, .bg-amber-100, .bg-amber-50\/50) {
  background-color: rgb(var(--sf-accent) / 0.09);
}
html.sf-theme-dark .sf-storefront :where(.border-amber-100, .border-amber-200, .border-amber-300) {
  border-color: rgb(var(--sf-accent) / 0.3);
}
html.sf-theme-dark .sf-storefront :where(input:not([type='checkbox']):not([type='radio']):not([type='range']), textarea, select) {
  background-color: rgb(var(--sf-muted-surface));
  border-color: rgb(var(--sf-border));
  color: rgb(var(--sf-foreground));
}
html.sf-theme-dark .sf-storefront :where(input, textarea)::placeholder { color: rgb(var(--sf-subtle)); }
html.sf-theme-dark .sf-storefront :where(input, textarea, select) { accent-color: rgb(var(--sf-accent)); }
html.sf-theme-dark .sf-storefront :where(a, button, input, textarea, select, summary):focus-visible {
  outline: 2px solid rgb(var(--sf-accent));
  outline-offset: 4px;
  --tw-ring-offset-color: rgb(var(--sf-canvas));
}
html.sf-theme-dark .sf-storefront :where(a, button, [role='button']):where(.bg-gray-900, .bg-gray-950, .bg-\[\#141b2d\], .bg-\[\#0b1a3a\], .bg-\[\#071223\]) {
  background-color: rgb(var(--sf-primary));
  background-image: none;
  color: rgb(var(--sf-on-primary));
  border-color: transparent;
}
html.sf-theme-dark .sf-storefront :where(a, button, [role='button']):where(.bg-gray-900, .bg-gray-950, .bg-\[\#141b2d\], .bg-\[\#0b1a3a\], .bg-\[\#071223\]):hover {
  background-color: #fffaf0;
  color: rgb(var(--sf-on-primary));
}
html.sf-theme-dark .sf-storefront :where(a, button, [role='button']):where(.bg-gray-900, .bg-gray-950, .bg-\[\#141b2d\], .bg-\[\#0b1a3a\], .bg-\[\#071223\]) :where(span, svg) { color: inherit; }
html.sf-theme-dark .sf-storefront :where(button, input):disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
/* Light controls on cinematic sections keep dark ink on the light fill. */
html.sf-theme-dark .sf-storefront :where(a, button):where(
  .bg-amber-200, .bg-amber-300, .bg-amber-400, .bg-amber-500,
  .bg-\[\#edd9ac\], .bg-\[\#f5e6c3\], .bg-\[\#f7d774\],
  .bg-\[\#e2c264\], .bg-\[\#d5b33e\], .bg-\[\#d8b85a\], .bg-\[\#f4e3bc\]
) { color: #0b0c10; }
html.sf-theme-dark .sf-storefront :where(.bg-emerald-50, .bg-green-50) { background-color: rgb(110 231 183 / 0.09); }
html.sf-theme-dark .sf-storefront :where(.text-emerald-600, .text-emerald-700, .text-green-700) { color: #8fd9b6; }
html.sf-theme-dark .sf-storefront :where(.bg-red-50, .bg-rose-50) { background-color: rgb(248 113 113 / 0.09); }
html.sf-theme-dark .sf-storefront :where(.text-red-600, .text-red-700, .text-rose-700) { color: #f4a3a3; }
html.sf-theme-dark .sf-storefront :where(.bg-sky-50, .bg-blue-50) { background-color: rgb(147 180 240 / 0.09); }
html.sf-theme-dark .sf-storefront :where(.text-sky-700, .text-blue-600, .text-blue-700) { color: #a9c2f0; }
html.sf-theme-dark .sf-storefront :where(.shadow-sm, .shadow-lg, .shadow-xl, .shadow-2xl) {
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.035), 0 16px 44px rgb(0 0 0 / 0.28);
}
html.sf-theme-dark .sf-storefront ::selection { background: #e2c07a; color: #0b0c10; }
html.sf-theme-dark .sf-storefront .sf-section-transition-blur::before {
  background: linear-gradient(180deg, transparent, rgb(var(--sf-canvas) / 0.58) 48%, transparent);
}
html.sf-theme-dark .sf-storefront .sf-membership-constellation-veil {
  background: linear-gradient(90deg, rgb(var(--sf-canvas) / 0.97), rgb(var(--sf-canvas) / 0.82) 38%, rgb(var(--sf-canvas) / 0.3)),
    linear-gradient(0deg, rgb(var(--sf-canvas) / 0.85), transparent 65%);
}
html.sf-theme-dark .sf-storefront .sf-shop-hero-veil {
  background: linear-gradient(90deg, rgb(var(--sf-canvas) / 0.96), rgb(var(--sf-canvas) / 0.76) 40%, rgb(var(--sf-canvas) / 0.18));
}
@media (max-width: 700px) {
  html.sf-theme-dark .sf-storefront .sf-shop-hero-veil {
    background: linear-gradient(0deg, rgb(var(--sf-canvas) / 0.98), rgb(var(--sf-canvas) / 0.65) 60%, rgb(var(--sf-canvas) / 0.1));
  }
}

/* Authored editorial CSS loads with lazy routes. Scope these overrides to the
   root theme so route-load order cannot bring back cream or dark body ink. */
html.sf-theme-dark .consulting-page {
  --consulting-ink: rgb(var(--sf-foreground));
  --consulting-muted: rgb(var(--sf-secondary));
  --consulting-gold: rgb(var(--sf-accent));
  --consulting-line: rgb(var(--sf-border));
  background: rgb(var(--sf-canvas));
}
html.sf-theme-dark :is(.consulting-page-nav, .consulting-services, .sf-page-section-nav, .sf-manifesto-index) {
  background: rgb(var(--sf-muted-surface));
  color: rgb(var(--sf-foreground));
  border-color: rgb(var(--sf-border));
}
html.sf-theme-dark :is(.consulting-hero, .consulting-method, .consulting-closing, .sf-manifesto-closing) { background: rgb(var(--sf-chrome)); }
html.sf-theme-dark .consulting-page :is(.consulting-number, .consulting-eyebrow, .consulting-service-format, .consulting-page-nav span, .consulting-faq summary svg) { color: rgb(var(--sf-accent)); }
html.sf-theme-dark .consulting-page :is(.consulting-service-list, .consulting-service, .consulting-foundations article, .consulting-pullquote) { border-color: rgb(var(--sf-border)); }
html.sf-theme-dark .consulting-service dt { color: rgb(var(--sf-foreground)); }
html.sf-theme-dark .consulting-page-nav a:hover { color: rgb(var(--sf-accent)); }
html.sf-theme-dark .sf-page-section-nav span { color: rgb(var(--sf-accent)); }
html.sf-theme-dark .sf-manifesto-page { background: rgb(var(--sf-canvas)); color: rgb(var(--sf-foreground)); }
html.sf-theme-dark :is(.sf-manifesto-hero p:not(.sf-manifesto-eyebrow), .sf-manifesto-principle p, .sf-manifesto-principle figcaption) { color: rgb(var(--sf-secondary)); }
html.sf-theme-dark .sf-manifesto-hero .sf-manifesto-lead { color: rgb(var(--sf-foreground)) !important; }
html.sf-theme-dark :is(.sf-manifesto-eyebrow, .sf-manifesto-number, .sf-manifesto-index span) { color: rgb(var(--sf-accent)); }
html.sf-theme-dark :is(.sf-manifesto-principle, .sf-manifesto-index a) { border-color: rgb(var(--sf-border)); }
html.sf-theme-dark .sf-manifesto-action { background: rgb(var(--sf-primary)); color: rgb(var(--sf-on-primary)); border-color: transparent; }
html.sf-theme-dark .sf-manifesto-action:hover { background: #fffaf0; }
html.sf-theme-dark .sf-manifesto-closing .sf-manifesto-action-secondary { background: transparent; color: rgb(var(--sf-accent)); border-color: rgb(var(--sf-accent) / 0.45); }

/* Translucent light callouts and hover fills also need a dark counterpart. */
html.sf-theme-dark .sf-storefront :where(
  .bg-amber-50\/30, .bg-amber-50\/60, .bg-amber-50\/70, .bg-amber-50\/80,
  .bg-amber-100\/10, .bg-amber-100\/20
) { background-color: rgb(var(--sf-accent) / 0.08); }
html.sf-theme-dark .sf-storefront :where(
  .hover\:bg-white\/75:hover, .hover\:bg-\[\#f4f1ea\]:hover,
  .hover\:bg-\[\#f7f5ef\]:hover, .hover\:bg-\[\#faf7f0\]:hover,
  .hover\:bg-\[\#faf7f0\]\/70:hover, .hover\:bg-\[\#f6f2e8\]\/78:hover,
  .hover\:bg-\[\#f6f2e8\]\/80:hover, .hover\:bg-\[\#fff8df\]:hover
) { background-color: rgb(var(--sf-raised)); }
html.sf-theme-dark .sf-storefront :where(
  .hover\:text-\[\#071223\]:hover, .hover\:text-\[\#0b1a3a\]:hover,
  .hover\:text-\[\#111827\]:hover, .hover\:text-\[\#141b2d\]:hover,
  .hover\:text-\[\#1b2538\]:hover
) { color: rgb(var(--sf-foreground)); }
html.sf-theme-dark .sf-storefront :where(.text-amber-950) { color: rgb(var(--sf-accent)); }
html.sf-theme-dark .sf-storefront :where(.text-gray-400, .text-gray-600\/80, .text-slate-400) { color: rgb(var(--sf-subtle)); }
html.sf-theme-dark .sf-storefront .sf-assistant-header {
  background: linear-gradient(135deg, rgb(var(--sf-chrome)), rgb(var(--sf-surface)));
}
html.sf-theme-dark .sf-storefront :where(.hover\:bg-amber-100\/80:hover) { background-color: rgb(var(--sf-accent) / 0.13); }
html.sf-theme-dark .sf-storefront :where(.even\:bg-slate-50\/70:nth-child(even)) {
  background-color: rgb(var(--sf-muted-surface));
}
html.sf-theme-dark .sf-storefront :where(.hover\:bg-white\/70:hover) { background-color: rgb(var(--sf-raised)); }
html.sf-theme-dark .sf-storefront .text-\[\#0b3bb8\] { color: #a9c2f0; }
html.sf-theme-dark .sf-storefront .btn-primary {
  background: rgb(var(--sf-primary));
  color: rgb(var(--sf-on-primary));
}
html.sf-theme-dark .sf-storefront .btn-primary:hover { background: #fffaf0; }
html.sf-theme-dark .sf-storefront .btn-secondary {
  border-color: rgb(var(--sf-border));
  background: rgb(var(--sf-surface));
  color: rgb(var(--sf-foreground));
}
html.sf-theme-dark .sf-storefront .btn-secondary:hover { background: rgb(var(--sf-raised)); }
html.sf-theme-dark .sf-storefront :where(a, button):where(
  .bg-amber-200, .bg-amber-300, .bg-amber-400, .bg-amber-500,
  .bg-\[\#edd9ac\], .bg-\[\#f5e6c3\], .bg-\[\#f7d774\], .bg-\[\#f3ddb0\],
  .bg-\[\#e2c264\], .bg-\[\#d5b33e\], .bg-\[\#d8b85a\], .bg-\[\#f4e3bc\]
) { background-color: rgb(var(--sf-accent)); color: #0b0c10; }
html.sf-theme-dark .sf-storefront :where(a, button):where(
  .bg-amber-200, .bg-amber-300, .bg-amber-400, .bg-amber-500,
  .bg-\[\#edd9ac\], .bg-\[\#f5e6c3\], .bg-\[\#f7d774\], .bg-\[\#f3ddb0\],
  .bg-\[\#e2c264\], .bg-\[\#d5b33e\], .bg-\[\#d8b85a\], .bg-\[\#f4e3bc\]
) :where(span, svg) { color: inherit; }