/* Portal light (default) + dark — scoped to html[data-site-theme] */

html[data-site-theme="light"] {
  --portal-page-bg: #f5efe6;
  --portal-page-text: #2e2b28;
  --portal-panel-bg: #fffcf7;
  --portal-panel-border: rgba(45, 55, 72, 0.1);
  --portal-panel-shadow: 0 24px 64px rgba(62, 48, 35, 0.08);
  --portal-heading: #1f2937;
  --portal-body: #3d3832;
  --portal-muted: #6b6560;
  --portal-faint: #9c9790;
  --portal-link: #b45309;
  --portal-link-hover: #92400e;
  --portal-card-bg: #ffffff;
  --portal-card-border: rgba(45, 55, 72, 0.12);
  --portal-card-hover-border: rgba(45, 55, 72, 0.22);
  --portal-divider: rgba(45, 55, 72, 0.1);
  --portal-input-bg: #ffffff;
  --portal-input-border: rgba(45, 55, 72, 0.18);
  --portal-input-text: #2e2b28;
  --portal-flash-error-bg: #fef2f2;
  --portal-flash-error-text: #991b1b;
  --portal-flash-success-bg: #ecfdf5;
  --portal-flash-success-text: #065f46;
  --portal-flash-info-bg: #fffbeb;
  --portal-flash-info-text: #92400e;
  --portal-btn-ghost-border: rgba(45, 55, 72, 0.2);
  --portal-btn-ghost-text: #3d3832;
  --portal-btn-ghost-hover: rgba(45, 55, 72, 0.06);
  --portal-signout: #6b6560;
}

html[data-site-theme="dark"] {
  --portal-page-bg: #060201;
  --portal-page-text: #fffaf5;
  --portal-panel-bg: rgba(20, 6, 3, 0.72);
  --portal-panel-border: rgba(255, 204, 154, 0.25);
  --portal-panel-shadow: 0 28px 90px rgba(0, 0, 0, 0.5);
  --portal-heading: #fff8f1;
  --portal-body: #ffe9d7;
  --portal-muted: #ffe8d1;
  --portal-faint: #ffdcbf;
  --portal-link: #ffcf98;
  --portal-link-hover: #ffd8b3;
  --portal-card-bg: rgba(16, 4, 3, 0.62);
  --portal-card-border: rgba(255, 207, 138, 0.16);
  --portal-card-hover-border: rgba(255, 207, 138, 0.33);
  --portal-divider: rgba(255, 198, 143, 0.18);
  --portal-input-bg: rgba(255, 255, 255, 0.05);
  --portal-input-border: rgba(255, 207, 138, 0.25);
  --portal-input-text: #fff3e4;
  --portal-flash-error-bg: rgba(127, 29, 29, 0.33);
  --portal-flash-error-text: #fecaca;
  --portal-flash-success-bg: rgba(45, 138, 63, 0.18);
  --portal-flash-success-text: #cffff1;
  --portal-flash-info-bg: rgba(255, 159, 74, 0.1);
  --portal-flash-info-text: #ffe8d1;
  --portal-btn-ghost-border: rgba(255, 198, 143, 0.37);
  --portal-btn-ghost-text: #ffe2c4;
  --portal-btn-ghost-hover: rgba(255, 157, 67, 0.13);
  --portal-signout: #ffdcbf;
}

html[data-site-theme="light"] .site-page-gradient {
  display: none;
}

html[data-site-theme="dark"] .site-page-gradient {
  display: block;
}

body.portal-root {
  background: var(--portal-page-bg);
  color: var(--portal-page-text);
}

.portal-main-panel {
  background: var(--portal-panel-bg);
  border-color: var(--portal-panel-border);
  box-shadow: var(--portal-panel-shadow);
}

.portal-h1 {
  color: var(--portal-heading);
}

.portal-lead,
.portal-body {
  color: var(--portal-body);
}

.portal-muted {
  color: var(--portal-muted);
}

.portal-faint {
  color: var(--portal-faint);
}

.portal-breadcrumb a {
  color: var(--portal-muted);
}

.portal-breadcrumb a:hover {
  color: var(--portal-link-hover);
}

.portal-breadcrumb .sep {
  color: var(--portal-faint);
}

.portal-breadcrumb .current {
  color: var(--portal-link);
}

.portal-card {
  background: var(--portal-card-bg);
  border: 1px solid var(--portal-card-border);
}

.portal-card-interactive:hover {
  border-color: var(--portal-card-hover-border);
}

.portal-divider {
  border-color: var(--portal-divider);
}

.portal-input {
  background: var(--portal-input-bg);
  border: 1px solid var(--portal-input-border);
  color: var(--portal-input-text);
}

.portal-input:focus {
  outline: none;
  border-color: rgba(255, 159, 74, 0.68);
  box-shadow: 0 0 0 2px rgba(255, 159, 74, 0.2);
}

.portal-btn-primary {
  background: linear-gradient(180deg, #ff9f4a 0%, #ff7f28 100%);
  color: #381108;
  box-shadow: 0 12px 28px rgba(255, 124, 30, 0.22);
}

.portal-btn-primary:hover {
  filter: brightness(1.05);
}

.portal-btn-primary:disabled {
  opacity: 0.6;
}

.portal-btn-ghost {
  border: 1px solid var(--portal-btn-ghost-border);
  color: var(--portal-btn-ghost-text);
}

.portal-btn-ghost:hover {
  background: var(--portal-btn-ghost-hover);
}

.portal-btn-tab-active {
  background: linear-gradient(90deg, #ff9f4a 0%, #ff7f28 100%);
  color: #381108;
}

.portal-signout {
  color: var(--portal-signout);
}

.portal-signout:hover {
  color: var(--portal-link-hover);
}

.portal-flash-error {
  background: var(--portal-flash-error-bg);
  color: var(--portal-flash-error-text);
  border: 1px solid rgba(248, 113, 113, 0.35);
}

.portal-flash-success {
  background: var(--portal-flash-success-bg);
  color: var(--portal-flash-success-text);
  border: 1px solid rgba(67, 163, 90, 0.4);
}

.portal-flash-info {
  background: var(--portal-flash-info-bg);
  color: var(--portal-flash-info-text);
  border: 1px solid rgba(255, 207, 138, 0.4);
}

html[data-site-theme="light"] .status-open {
  background: #ffedd5;
  color: #c2410c;
}

html[data-site-theme="light"] .status-pending {
  background: #fef3c7;
  color: #b45309;
}

html[data-site-theme="light"] .status-resolved,
html[data-site-theme="light"] .status-closed {
  background: #d1fae5;
  color: #047857;
}

html[data-site-theme="light"] .status-default {
  background: #f3f4f6;
  color: #4b5563;
}

html[data-site-theme="dark"] .status-open {
  background: #ff9f4a33;
  color: #ffcf98;
}

html[data-site-theme="dark"] .status-pending {
  background: #fbbf2433;
  color: #fde68a;
}

html[data-site-theme="dark"] .status-resolved,
html[data-site-theme="dark"] .status-closed {
  background: #34d39933;
  color: #a7f3d0;
}

html[data-site-theme="dark"] .status-default {
  background: #ffffff14;
  color: #ffe8d1cc;
}

/* Widget chat shell (org-branded, read-only) */
.portal-widget-shell {
  display: flex;
  flex-direction: column;
  max-width: 420px;
  width: 100%;
  border-radius: 18px;
  border: 1px solid var(--widget-border, rgba(137, 194, 49, 0.55));
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
  background: transparent;
}

.portal-widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.55rem 0.75rem;
  background: var(--widget-header-gradient, linear-gradient(180deg, #89c231 0%, #6a9a24 100%));
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.portal-widget-header-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.portal-widget-online {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #4ade80;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
  flex-shrink: 0;
}

.portal-widget-titles {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  min-width: 0;
}

.portal-widget-company {
  font-size: 0.82rem;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portal-widget-agent {
  margin-top: 0.1rem;
  font-size: 0.72rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92);
}

.portal-widget-body {
  padding: 0.85rem 0.75rem 1rem;
  background: var(--widget-frosted-bg, rgba(137, 194, 49, 0.14));
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  max-height: min(70vh, 560px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.portal-widget-messages {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.portal-chat-bubble {
  max-width: 88%;
  text-align: left;
  border-radius: 14px;
  padding: 0.55rem 0.75rem 0.6rem;
  line-height: 1.45;
  font-size: 0.82rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.portal-chat-bubble.is-bot {
  align-self: flex-start;
  background: #ffffff;
  color: #2e2b28;
  border: 1px solid var(--widget-bubble-border, rgba(137, 194, 49, 0.35));
}

.portal-chat-bubble.is-user {
  align-self: flex-end;
  color: #ffffff;
  font-weight: 600;
  border-radius: 22px;
  border: 1px solid var(--user-bubble-border, rgba(106, 154, 36, 0.55));
  background: var(--user-bubble-bg, linear-gradient(180deg, #a5d44a 0%, #6a9a24 100%));
  box-shadow: var(--user-bubble-shadow, 0 3px 12px rgba(106, 154, 36, 0.22));
}

.portal-chat-bubble-label {
  display: block;
  font-size: 0.65rem;
  font-weight: 600;
  color: #8a847c;
  margin-bottom: 0.25rem;
}

.portal-chat-bubble.is-user .portal-chat-bubble-label {
  color: rgba(255, 255, 255, 0.85);
}

.portal-chat-bubble-text {
  white-space: pre-wrap;
  word-break: break-word;
}

.portal-chat-bubble-time {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.62rem;
  font-weight: 500;
  opacity: 0.72;
}

.portal-widget-footer {
  padding: 0.45rem 0.75rem 0.55rem;
  text-align: center;
  font-size: 0.65rem;
  color: var(--portal-faint, #9c9790);
  background: var(--widget-frosted-bg, rgba(137, 194, 49, 0.08));
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* Portal transcript (conversation detail) */
.portal-transcript {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.portal-transcript-row {
  max-width: 92%;
}

.portal-transcript-row.is-you {
  margin-left: auto;
  text-align: right;
}

.portal-transcript-row.is-agent {
  margin-right: auto;
  text-align: left;
}

.portal-transcript-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.65rem;
  margin-bottom: 0.35rem;
}

.portal-transcript-row.is-you .portal-transcript-meta {
  justify-content: flex-end;
}

.portal-transcript-speaker {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--portal-muted);
}

.portal-transcript-meta time {
  font-size: 0.68rem;
  color: var(--portal-faint);
}

.portal-transcript-body {
  border-radius: 14px;
  padding: 0.75rem 0.9rem;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--portal-body);
  background: var(--portal-card-bg);
  border: 1px solid var(--portal-card-border);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.portal-transcript-row.is-you .portal-transcript-body {
  background: linear-gradient(180deg, #ff9f4a 0%, #ff7f28 100%);
  color: #381108;
  border-color: rgba(255, 124, 30, 0.35);
  font-weight: 500;
}

.portal-transcript-row.is-you .portal-transcript-speaker,
.portal-transcript-row.is-you .portal-transcript-meta time {
  color: rgba(56, 17, 8, 0.72);
}

html[data-site-theme="dark"] .portal-transcript-row.is-you .portal-transcript-speaker,
html[data-site-theme="dark"] .portal-transcript-row.is-you .portal-transcript-meta time {
  color: rgba(255, 248, 241, 0.75);
}

.portal-activity-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.portal-activity-item {
  border-color: var(--portal-link);
}

/* Portal sign-in / OTP — centered layout */
.portal-auth-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: min(68vh, 760px);
}

.portal-auth-layout .portal-breadcrumb,
.portal-auth-layout .mb-5,
.portal-auth-layout .portal-auth-card {
  width: 100%;
  max-width: 28rem;
}

.portal-auth-layout .portal-breadcrumb {
  justify-content: center;
  text-align: center;
}

.portal-main-panel:has(.portal-auth-layout) .site-hero-orb {
  left: 50% !important;
  right: auto !important;
  top: 38% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0.09;
}

html[data-site-theme="light"] .portal-main-panel:has(.portal-auth-layout) .site-hero-orb {
  opacity: 0.12;
}

.portal-theme-toggle {
  border: 1px solid var(--portal-btn-ghost-border);
  color: var(--portal-btn-ghost-text);
  background: transparent;
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}

.portal-theme-toggle:hover {
  background: var(--portal-btn-ghost-hover);
}

/* —— Site-wide (marketing + portal) —— */
html[data-site-theme="light"] {
  color-scheme: light;
  --site-cream: #f5efe6;
  --site-frost: rgba(255, 252, 247, 0.68);
  --site-frost-inner: rgba(255, 255, 255, 0.55);
  --site-frost-border: rgba(140, 105, 70, 0.16);
  --site-text: #2e2b28;
  --site-heading: #1f2937;
  --site-body: #3d3832;
  --site-muted: #5c554d;
  --site-accent: #b45309;
  --site-accent-hover: #92400e;
}

html[data-site-theme="dark"] {
  color-scheme: dark;
}

body.site-root {
  background: var(--portal-page-bg, #f5efe6);
  color: var(--portal-page-text, #2e2b28);
}

html[data-site-theme="light"] body.site-root {
  background: var(--site-cream);
  color: var(--site-text);
}

html[data-site-theme="dark"] body.site-root {
  background: #060201;
  color: #fffaf5;
}

html[data-site-theme="light"] .site-page-gradient {
  display: none;
}

html[data-site-theme="dark"] .site-page-gradient {
  display: block;
}

/* Hero orb: visible in both themes (portal scrolls with content) */
.site-hero-orb {
  z-index: 0;
  opacity: 0.1;
  filter: drop-shadow(0 20px 70px rgba(255, 120, 30, 0.4));
}

html[data-site-theme="light"] .site-hero-orb {
  opacity: 0.12;
  filter: drop-shadow(0 12px 36px rgba(180, 120, 40, 0.2));
}

/* Light mode: pause huge hero orb animations (major scroll/GPU cost) */
html[data-site-theme="light"] .hero-bg-orb .jua-logo-breathe,
html[data-site-theme="light"] .hero-bg-orb .jua-logo-ring-1,
html[data-site-theme="light"] .hero-bg-orb .jua-logo-ring-2,
html[data-site-theme="light"] .hero-bg-orb .jua-logo-ring-3 {
  animation: none !important;
}

html[data-site-theme="light"] .hero-bg-orb.glow-pulse {
  animation: none !important;
}

html[data-site-theme="dark"] .site-hero-orb {
  opacity: 0.1;
}

/* —— Light mode: frost panels (inset highlight, no stacked blur — keeps scroll smooth) —— */
html[data-site-theme="light"] body.site-root header nav,
html[data-site-theme="light"] body.site-root footer section {
  background: rgba(255, 252, 247, 0.94) !important;
  border-color: var(--site-frost-border) !important;
  box-shadow:
    0 20px 56px rgba(62, 48, 35, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

html[data-site-theme="light"] body.site-root main > section,
html[data-site-theme="light"] body.site-root main > article {
  background: rgba(255, 252, 247, 0.9) !important;
  border-color: var(--site-frost-border) !important;
  box-shadow:
    0 24px 64px rgba(62, 48, 35, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

html[data-site-theme="light"] body.site-root main :is(
    [class*="bg-[#100403"],
    [class*="bg-[#140603"],
    [class*="bg-[#1a0907"],
    [class*="bg-[#120604"],
    [class*="bg-[#27100c"]
  ):not(.hiw-card) {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(140, 105, 70, 0.14) !important;
  box-shadow: 0 8px 28px rgba(62, 48, 35, 0.05) !important;
}

/* How It Works — light cards (inline styles are dark gradients) */
html[data-site-theme="light"] body.site-root .hiw-card {
  background: rgba(255, 252, 247, 0.96) !important;
  box-shadow: 0 10px 28px rgba(62, 48, 35, 0.08) !important;
}

html[data-site-theme="light"] body.site-root .hiw-card-1 {
  border-color: rgba(255, 127, 63, 0.35) !important;
}

html[data-site-theme="light"] body.site-root .hiw-card-2 {
  border-color: rgba(255, 194, 71, 0.4) !important;
}

html[data-site-theme="light"] body.site-root .hiw-card-3 {
  border-color: rgba(255, 77, 95, 0.32) !important;
}

html[data-site-theme="light"] body.site-root .hiw-card-4 {
  border-color: rgba(186, 120, 255, 0.35) !important;
}

html[data-site-theme="light"] body.site-root .hiw-card p {
  color: var(--site-muted) !important;
}

html[data-site-theme="light"] body.site-root .hiw-card .font-semibold {
  color: var(--site-heading) !important;
}

html[data-site-theme="light"] body.site-root .hiw-step-num {
  color: var(--site-accent) !important;
  background: rgba(255, 159, 74, 0.14) !important;
  border-color: rgba(255, 159, 74, 0.35) !important;
  box-shadow: 0 0 0 2px rgba(255, 159, 74, 0.1) !important;
}

html[data-site-theme="light"] body.site-root main > section > div.absolute.inset-0:first-child,
html[data-site-theme="light"] body.site-root main section[class*="backdrop-blur"] > div.absolute.inset-0 {
  background: radial-gradient(circle at 50% 40%, rgba(255, 180, 100, 0.09) 0%, transparent 62%) !important;
}

/* —— Light mode: readable typography (marketing pages use dark-theme text classes) —— */
html[data-site-theme="light"] body.site-root :is(main, footer) :is(h1, h2, h3, h4)[class*="text-[#fff"],
html[data-site-theme="light"] body.site-root :is(main, footer) [class*="text-[#fff8f1"],
html[data-site-theme="light"] body.site-root :is(main, footer) [class*="text-[#fff4e8"],
html[data-site-theme="light"] body.site-root :is(main, footer) [class*="text-[#fffaf5"] {
  color: var(--site-heading) !important;
}

html[data-site-theme="light"] body.site-root :is(main, footer) :is(p, li, span, label, time, ul, ol, div, a)[class*="text-[#ffe8"],
html[data-site-theme="light"] body.site-root main :is(p, li, span, label, time)[class*="text-[#ffe9"],
html[data-site-theme="light"] body.site-root main :is(p, li, span, label)[class*="text-[#ffe5"],
html[data-site-theme="light"] body.site-root main :is(p, li, span)[class*="text-[#ffe0"],
html[data-site-theme="light"] body.site-root main :is(p, li, span, label)[class*="text-[#ffe3"],
html[data-site-theme="light"] body.site-root main [class*="text-[#ffe2c4"] {
  color: var(--site-muted) !important;
}

/* Accent titles (feature cards, section labels) — strong contrast on frost cards */
html[data-site-theme="light"] body.site-root main :is(h1, h2, h3, h4, p, strong, span)[class*="text-[#ffd8"],
html[data-site-theme="light"] body.site-root main [class*="text-[#ffd9b"] {
  color: var(--site-heading) !important;
  font-weight: 700 !important;
}

html[data-site-theme="light"] body.site-root main :is(p, h2, h3).font-semibold[class*="text-[#ffd8"],
html[data-site-theme="light"] body.site-root main a[class*="bg-[#1a0907"] :is(p, h2, h3)[class*="text-[#ffd8"] {
  color: #9a3412 !important;
  font-weight: 700 !important;
}

/* Pricing plan titles need stronger contrast in light mode */
html[data-site-theme="light"] body.site-root [data-pricing-grid] h2[class*="text-[#ffe8d1"] {
  color: #7c2d12 !important;
  font-weight: 800 !important;
}

/* Homepage impact stats */
html[data-site-theme="light"] body.site-root .impact-stat-card {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(140, 105, 70, 0.16) !important;
}

html[data-site-theme="light"] body.site-root .impact-stat-kicker {
  color: #b45309 !important;
}

html[data-site-theme="light"] body.site-root .impact-stat-value {
  color: #1f2937 !important;
}

html[data-site-theme="light"] body.site-root .impact-stat-value .impact-stat-sub {
  color: #6b6560 !important;
}

html[data-site-theme="light"] body.site-root .impact-stat-label {
  color: #7c2d12 !important;
}

html[data-site-theme="light"] body.site-root .impact-stat-copy {
  color: #5c554d !important;
}

html[data-site-theme="light"] body.site-root .impact-stat-visual {
  background: linear-gradient(160deg, rgba(255, 159, 74, 0.2) 0%, rgba(255, 252, 247, 0.9) 100%) !important;
  border-color: rgba(180, 83, 9, 0.22) !important;
}

html[data-site-theme="light"] body.site-root .impact-stat-visual svg {
  color: #c2410c !important;
}

/* Homepage — Why JUA section */
html[data-site-theme="light"] body.site-root .why-jua-eyebrow {
  color: #c2410c !important;
}

html[data-site-theme="light"] body.site-root .why-jua-title {
  color: #1f2937 !important;
}

html[data-site-theme="light"] body.site-root .why-jua-lead {
  color: #5c554d !important;
}

html[data-site-theme="light"] body.site-root .why-jua-split,
html[data-site-theme="light"] body.site-root .why-jua-arch,
html[data-site-theme="light"] body.site-root .why-jua-insight-band {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(140, 105, 70, 0.14) !important;
}

html[data-site-theme="light"] body.site-root .why-jua-split--ai-stat {
  background: linear-gradient(125deg, rgba(240, 247, 255, 0.95) 0%, rgba(255, 252, 247, 0.92) 100%) !important;
  border-color: rgba(100, 140, 200, 0.22) !important;
}

html[data-site-theme="light"] body.site-root .why-jua-ai-stat-value {
  color: #2563eb !important;
  text-shadow: none !important;
}

html[data-site-theme="light"] body.site-root .why-jua-ai-stat-label {
  color: #1e40af !important;
}

html[data-site-theme="light"] body.site-root .why-jua-ai-stat-hero {
  background: linear-gradient(165deg, rgba(219, 234, 254, 0.95) 0%, rgba(255, 252, 247, 0.92) 100%) !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
  box-shadow: 0 0 0 6px rgba(59, 130, 246, 0.08) !important;
}

html[data-site-theme="light"] body.site-root .why-jua-bento-main {
  background: linear-gradient(165deg, rgba(236, 253, 245, 0.95) 0%, rgba(255, 252, 247, 0.92) 100%) !important;
  border-color: rgba(45, 138, 114, 0.22) !important;
}

html[data-site-theme="light"] body.site-root .why-jua-bento-side {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(140, 105, 70, 0.14) !important;
}

html[data-site-theme="light"] body.site-root .why-jua-block-title {
  color: #1f2937 !important;
}

html[data-site-theme="light"] body.site-root .why-jua-block-tagline {
  color: #b45309 !important;
}

html[data-site-theme="light"] body.site-root .why-jua-block-body {
  color: #5c554d !important;
}

html[data-site-theme="light"] body.site-root .why-jua-clock-time strong {
  color: #1f2937 !important;
}

html[data-site-theme="light"] body.site-root .why-jua-clock-time span {
  color: #b45309 !important;
}

html[data-site-theme="light"] body.site-root .why-jua-queue-line {
  color: #3d6b5c !important;
  background: rgba(45, 138, 114, 0.08) !important;
  border-color: rgba(45, 138, 114, 0.18) !important;
}

html[data-site-theme="light"] body.site-root .why-jua-arch-panel {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(140, 105, 70, 0.12) !important;
}

html[data-site-theme="light"] body.site-root .why-jua-arch-tile,
html[data-site-theme="light"] body.site-root .why-jua-arch-flow-step {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(140, 105, 70, 0.14) !important;
}

html[data-site-theme="light"] body.site-root .why-jua-arch-tile.is-off {
  background: rgba(245, 239, 230, 0.5) !important;
}

html[data-site-theme="light"] body.site-root .why-jua-arch-tile strong,
html[data-site-theme="light"] body.site-root .why-jua-arch-flow-step strong {
  color: #1f2937 !important;
}

html[data-site-theme="light"] body.site-root .why-jua-arch-tile span,
html[data-site-theme="light"] body.site-root .why-jua-arch-flow-step span {
  color: #6b6560 !important;
}

html[data-site-theme="light"] body.site-root .why-jua-arch-flow-step--highlight {
  background: linear-gradient(165deg, rgba(255, 237, 213, 0.95) 0%, rgba(255, 252, 247, 0.92) 100%) !important;
  border-color: rgba(180, 83, 9, 0.2) !important;
}

html[data-site-theme="light"] body.site-root .why-jua-arch-section-label {
  color: #8a7f75 !important;
}

html[data-site-theme="light"] body.site-root .why-jua-arch-down,
html[data-site-theme="light"] body.site-root .why-jua-arch-flow-arrow {
  color: #c2410c !important;
}

html[data-site-theme="light"] body.site-root .why-jua-pill {
  color: #7c2d12 !important;
  background: rgba(255, 159, 74, 0.12) !important;
  border-color: rgba(180, 83, 9, 0.2) !important;
}


html[data-site-theme="light"] body.site-root main [class*="text-[#ffe8d8"] {
  color: var(--site-accent-hover) !important;
}

html[data-site-theme="light"] body.site-root :is(main, header, footer) [class*="text-[#ffcf98"] {
  color: var(--site-accent) !important;
}

html[data-site-theme="light"] body.site-root main [class*="text-[#ffb86b"] {
  color: #c2410c !important;
}

html[data-site-theme="light"] body.site-root main :is(input, textarea, select) {
  background: rgba(255, 255, 255, 0.82) !important;
  border-color: rgba(120, 90, 60, 0.22) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="light"] body.site-root main select option {
  color: var(--site-text);
  background: #fffcf7;
}

html[data-site-theme="light"] body.site-root main a[class*="bg-[#1a0907"][class*="text-[#ffe8d1"],
html[data-site-theme="light"] body.site-root main a[class*="border-[#ffcf8a55"][class*="text-[#ffe8d1"] {
  background: rgba(255, 255, 255, 0.65) !important;
  color: var(--site-body) !important;
  border-color: rgba(140, 105, 70, 0.22) !important;
}

html[data-site-theme="light"] body.site-root main a[class*="bg-[#1a0907"]:hover,
html[data-site-theme="light"] body.site-root main a[class*="hover:bg-[#27100c"]:hover {
  background: rgba(255, 255, 255, 0.88) !important;
}

html[data-site-theme="light"] body.site-root main [class*="text-[#cffff1"] {
  color: #065f46 !important;
}

html[data-site-theme="light"] body.site-root main [class*="text-[#ffd9c8"] {
  color: #991b1b !important;
}

html[data-site-theme="light"] body.site-root main [class*="border-[#43a35a"] {
  background: #ecfdf5 !important;
  border-color: rgba(5, 150, 105, 0.35) !important;
}

html[data-site-theme="light"] body.site-root main [class*="border-[#ff8f5c"] {
  background: #fef2f2 !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
}

html[data-site-theme="light"] body.site-root main a[class*="hover:text-[#ffd9b4"]:hover,
html[data-site-theme="light"] body.site-root main a[class*="hover:text-[#ffe8d2"]:hover,
html[data-site-theme="light"] body.site-root main .group:hover [class*="group-hover:text-[#fffaf5"],
html[data-site-theme="light"] body.site-root main .group:hover [class*="group-hover:text-[#ffe8d2"] {
  color: var(--site-accent-hover) !important;
}

html[data-site-theme="light"] body.site-root main [class*="bg-[#ffb70324"] {
  background: rgba(255, 159, 74, 0.16) !important;
}

html[data-site-theme="light"] body.site-root main [class*="bg-[#ff9f4a33"] {
  background: rgba(255, 159, 74, 0.18) !important;
}

html[data-site-theme="light"] body.site-root main :is(h2, h3)[class*="text-[#ffe8d2"] {
  color: var(--site-heading) !important;
}

html[data-site-theme="light"] body.site-root main [class*="text-[#fff1dc"] {
  color: var(--site-heading) !important;
}

html[data-site-theme="light"] body.site-root main [class*="bg-[#ffb84a2a"] {
  background: rgba(255, 159, 74, 0.22) !important;
}

html[data-site-theme="light"] body.site-root main [class*="text-[#ffd0"],
html[data-site-theme="light"] body.site-root main [class*="text-[#ffe0ac"],
html[data-site-theme="light"] body.site-root main [class*="text-[#ffe3c"],
html[data-site-theme="light"] body.site-root main [class*="text-[#ffe5d"],
html[data-site-theme="light"] body.site-root main [class*="text-[#ffe6"],
html[data-site-theme="light"] body.site-root main [class*="text-[#ffdcbf"],
html[data-site-theme="light"] body.site-root footer [class*="text-[#ffdcbf"],
html[data-site-theme="light"] body.site-root .site-footer-copy,
html[data-site-theme="light"] body.site-root main [class*="text-[#eed6"] {
  color: var(--site-muted) !important;
}

html[data-site-theme="light"] body.site-root main [class*="bg-[#ffffff0d"] {
  background: rgba(255, 255, 255, 0.82) !important;
}

html[data-site-theme="light"] body.site-root main [class*="bg-[#2b0d0a"] {
  background: #fef2f2 !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}

html[data-site-theme="light"] body.site-root main [class*="text-[#ffd4cc"] {
  color: #991b1b !important;
}

html[data-site-theme="light"] body.site-root main h1[class*="drop-shadow"],
html[data-site-theme="light"] body.site-root main p[class*="drop-shadow"] {
  filter: none !important;
  text-shadow: none !important;
}

html[data-site-theme="light"] body.site-root header nav a[class*="text-[#fff2e3"] {
  color: var(--site-body) !important;
}

/* Nav & footer chrome */
html[data-site-theme="light"] body.site-root header nav .text-lg,
html[data-site-theme="light"] body.site-root header nav a:not([class*="bg-gradient"]),
html[data-site-theme="light"] body.site-root header nav button:not([class*="bg-gradient"]) {
  color: var(--site-body) !important;
}

html[data-site-theme="light"] body.site-root header nav a.text-\[\#ffcf98\],
html[data-site-theme="light"] body.site-root header nav a:hover {
  color: var(--site-accent) !important;
}

html[data-site-theme="light"] body.site-root header nav a[class*="border-[#ffc68f"]:not([class*="bg-gradient"]) {
  color: var(--site-body) !important;
  border-color: rgba(140, 105, 70, 0.28) !important;
  background: rgba(255, 255, 255, 0.45) !important;
}

html[data-site-theme="light"] body.site-root header nav .mobile-menu {
  border-color: rgba(140, 105, 70, 0.12) !important;
}

html[data-site-theme="light"] body.site-root header nav .mobile-menu a {
  color: var(--site-muted) !important;
}

html[data-site-theme="light"] body.site-root header nav .mobile-menu a:hover,
html[data-site-theme="light"] body.site-root header nav .mobile-menu a.bg-\[\#ff9d431f\] {
  background: rgba(180, 83, 9, 0.1) !important;
  color: var(--site-accent) !important;
}

html[data-site-theme="light"] body.site-root footer .text-\[\#fff2e3\],
html[data-site-theme="light"] body.site-root footer .text-\[\#ffe8d2\],
html[data-site-theme="light"] body.site-root footer .text-\[\#ffdcbfbf\],
html[data-site-theme="light"] body.site-root footer .text-\[\#ffe3c9b8\],
html[data-site-theme="light"] body.site-root footer a:not(:hover) {
  color: var(--site-muted) !important;
}

html[data-site-theme="light"] body.site-root footer a:hover {
  color: var(--site-accent) !important;
}

html[data-site-theme="light"] body.site-root footer .text-\[\#ffd9b4\] {
  color: var(--site-accent) !important;
}

html[data-site-theme="light"] body.site-root .site-theme-toggle {
  border-color: rgba(140, 105, 70, 0.22);
  color: var(--site-body);
}

html[data-site-theme="light"] body.site-root .site-theme-toggle:hover {
  background: rgba(140, 105, 70, 0.08);
}

html[data-site-theme="light"] .page-loader {
  background: rgba(245, 239, 230, 0.97) !important;
}

html[data-site-theme="light"] .page-loader [class*="text-[#ffdc"] {
  color: var(--site-muted) !important;
}

html[data-site-theme="light"] .site-theme-toggle [data-theme-icon="moon"] {
  display: block;
}

html[data-site-theme="light"] .site-theme-toggle [data-theme-icon="sun"] {
  display: none;
}

html[data-site-theme="dark"] .site-theme-toggle [data-theme-icon="moon"] {
  display: none;
}

html[data-site-theme="dark"] .site-theme-toggle [data-theme-icon="sun"] {
  display: block;
}