:root, .sw-root {
  --sw-bg: #FAE3B4;        /* == fundo medido das cenas (FLUX puxa o creme p/ amarelo) */
  --sw-ink: #2A1E17;
  --sw-ink-soft: #6B5647;
  --sw-accent: #C8643B;    /* cada cena sobrescreve com o seu accent */
  --sw-font-display: "Young Serif", Georgia, serif;
  --sw-font-body: "DM Sans", system-ui, sans-serif;
}

/* Young Serif só tem peso 400: evita negrito sintético nos títulos do motor */
.sw-copy__title, .sw-brand__name { font-weight: 400 !important; }

/* Selo de projeto conceito → estudo de caso */
.concept {
  position: fixed;
  left: max(16px, env(safe-area-inset-left));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 70;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 8px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--sw-bg) 82%, transparent);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid color-mix(in srgb, var(--sw-ink) 12%, transparent);
  color: var(--sw-ink);
  font: 500 13px/1 var(--sw-font-body);
  text-decoration: none;
  transition: border-color .2s, transform .2s;
}
.concept:hover { border-color: var(--sw-accent); transform: translateY(-1px); }
.concept__dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--sw-accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--sw-accent) 22%, transparent);
}
.concept__arrow { opacity: .55; }
@media (max-width: 860px) {
  .concept { font-size: 12px; padding: 7px 12px 7px 9px; }
}