/* Public /index only. Preserve shared components, copy, geometry and behavior. */
body.public-home.r3-public-page {
  --hxl-gold: var(--hxl-cyan);
  --hex-gold: var(--hxl-cyan);
  --hex-gold-bright: var(--hxl-purple);
  --hex-warning: var(--hxl-purple);
  --r3-gold: var(--hxl-cyan);
  --r3-focus: var(--hxl-purple);
  background:
    radial-gradient(circle at 18% 10%, rgba(112, 203, 208, 0.09), transparent 29rem),
    radial-gradient(circle at 84% 8%, rgba(169, 140, 255, 0.055), transparent 27rem),
    linear-gradient(150deg, var(--hex-bg-deep), var(--hex-bg)) !important;
}

/* Primary registration controls share one palette, including the bare mobile
   navigation link. Existing dimensions, anchor behavior and disabled handling
   remain in their original stylesheet. */
body.public-home.r3-public-page .btn-primary,
body.public-home.r3-public-page .premium-mobile-menu a[href="/register"] {
  border-color: var(--hxl-cyan) !important;
  color: var(--hxl-ink) !important;
  background: linear-gradient(110deg, var(--hxl-cyan), var(--hxl-purple)) !important;
  box-shadow: 0 9px 24px rgba(169, 140, 255, 0.13) !important;
}

body.public-home.r3-public-page .btn-primary:hover,
body.public-home.r3-public-page .btn-primary:focus,
body.public-home.r3-public-page .premium-mobile-menu a[href="/register"]:hover,
body.public-home.r3-public-page .premium-mobile-menu a[href="/register"]:focus {
  border-color: var(--hxl-purple) !important;
  color: var(--hxl-ink) !important;
  background: linear-gradient(110deg, var(--hxl-cyan-strong), #c3adff) !important;
}

body.public-home.r3-public-page .btn-primary:active,
body.public-home.r3-public-page .premium-mobile-menu a[href="/register"]:active {
  border-color: var(--hxl-purple) !important;
  color: var(--hxl-ink) !important;
  background: linear-gradient(110deg, var(--hxl-purple), var(--hxl-cyan)) !important;
}

body.public-home.r3-public-page .btn-primary:disabled,
body.public-home.r3-public-page .btn-primary.disabled {
  border-color: var(--hxl-border-strong) !important;
  color: var(--hxl-ink) !important;
  background: linear-gradient(110deg, var(--hxl-cyan), var(--hxl-purple)) !important;
  box-shadow: none !important;
}

body.public-home.r3-public-page .btn-outline-light,
body.public-home.r3-public-page .premium-mobile-menu a[href="/login"] {
  border-color: var(--hxl-cyan) !important;
  color: var(--hxl-cyan) !important;
  background: var(--hxl-bg-soft) !important;
}

body.public-home.r3-public-page .btn-outline-light:hover,
body.public-home.r3-public-page .btn-outline-light:focus,
body.public-home.r3-public-page .btn-outline-light:active,
body.public-home.r3-public-page .premium-mobile-menu a[href="/login"]:hover,
body.public-home.r3-public-page .premium-mobile-menu a[href="/login"]:focus,
body.public-home.r3-public-page .premium-mobile-menu a[href="/login"]:active {
  border-color: var(--hxl-purple) !important;
  color: var(--hxl-cyan-strong) !important;
  background: var(--hxl-surface-raised) !important;
}

/* Logo, navigation and language controls belong only to this page instance. */
body.public-home.r3-public-page .hxl-brand__tile {
  color: var(--hxl-cyan) !important;
  box-shadow: inset 0 0 0 1px rgba(169, 140, 255, 0.09), 0 8px 22px rgba(0, 0, 0, 0.3) !important;
}

body.public-home.r3-public-page .shared-language-selector {
  background-color: var(--hxl-surface);
}

body.public-home.r3-public-page .shared-language-selector__option[aria-pressed="true"] {
  border-color: rgba(169, 140, 255, 0.42);
  color: var(--hxl-cyan-strong);
  background-color: rgba(169, 140, 255, 0.12);
}

body.public-home.r3-public-page .shared-language-selector__option:hover,
body.public-home.r3-public-page .shared-language-selector__option:focus-visible {
  color: var(--hxl-cyan-strong);
  background-color: rgba(169, 140, 255, 0.09);
}

body.public-home.r3-public-page .premium-nav-links a:hover,
body.public-home.r3-public-page .premium-nav-links a:focus-visible,
body.public-home.r3-public-page .premium-mobile-menu a[href^="#"]:hover,
body.public-home.r3-public-page .premium-mobile-menu a[href^="#"]:focus-visible {
  border-color: var(--hxl-purple) !important;
  color: var(--hxl-cyan-strong) !important;
  background-color: var(--hxl-surface-raised);
}

body.public-home.r3-public-page .premium-mobile-toggle:hover,
body.public-home.r3-public-page .premium-mobile-toggle:focus-visible {
  border-color: var(--hxl-purple) !important;
  color: var(--hxl-cyan) !important;
}

/* Recolor the existing text shadow without changing the heading typography. */
body.public-home.r3-public-page .public-hero-title {
  text-shadow: 2px 2px 0 rgba(169, 140, 255, 0.1) !important;
}

body.public-home.r3-public-page .section-heading-premium h2 {
  text-shadow: 2px 2px 0 rgba(169, 140, 255, 0.12);
}

body.public-home.r3-public-page .r3-public-hero-panel {
  background: linear-gradient(145deg, rgba(17, 28, 46, 0.96), rgba(31, 27, 53, 0.9));
}

body.public-home.r3-public-page .r3-public-signal,
body.public-home.r3-public-page .r3-empty-state {
  background-color: rgba(8, 15, 27, 0.66);
}

body.public-home.r3-public-page .r3-public-signal i,
body.public-home.r3-public-page .r3-tool-glyph,
body.public-home.r3-public-page .r3-platform-card > i {
  color: var(--hxl-cyan);
  background-color: var(--hxl-surface-raised);
}

body.public-home.r3-public-page .r3-platform-card {
  background: linear-gradient(145deg, rgba(17, 28, 46, 0.92), rgba(28, 26, 51, 0.86));
}

body.public-home.r3-public-page .r3-product-card {
  background: linear-gradient(150deg, rgba(18, 28, 45, 0.96), rgba(12, 20, 34, 0.98)) !important;
}

body.public-home.r3-public-page .r3-product-media,
body.public-home.r3-public-page .r3-product-card .product-image {
  background-color: var(--hxl-bg-soft);
}

/* Only the built-in missing-product placeholder is a UI accent. Uploaded
   product artwork and all image bytes, sources and dimensions stay intact. */
body.public-home.r3-public-page .product-image[src="/static/images/hexinglab-logo.png"] {
  filter: hue-rotate(145deg);
}

body.public-home.r3-public-page .r3-product-card:hover {
  border-color: rgba(169, 140, 255, 0.54) !important;
}

body.public-home.r3-public-page .product-actions > strong {
  color: var(--hxl-cyan) !important;
}

body.public-home.r3-public-page .news-meta span {
  border-color: rgba(169, 140, 255, 0.36) !important;
  color: var(--hxl-purple) !important;
  background-color: rgba(169, 140, 255, 0.07) !important;
}

body.public-home.r3-public-page .simple-text-link:hover,
body.public-home.r3-public-page .simple-text-link:focus-visible,
body.public-home.r3-public-page .r3-platform-card > a:hover,
body.public-home.r3-public-page .r3-platform-card > a:focus-visible,
body.public-home.r3-public-page .r3-footer-grid a:hover,
body.public-home.r3-public-page .r3-footer-grid a:focus-visible {
  color: var(--hxl-purple) !important;
}

body.public-home.r3-public-page .r3-footer-grid a[href="/register"] {
  color: var(--hxl-cyan) !important;
}

body.public-home.r3-public-page .r3-footer-grid a[href="/register"]:hover,
body.public-home.r3-public-page .r3-footer-grid a[href="/register"]:focus-visible {
  color: var(--hxl-purple) !important;
}