@import url('./findetective-common.css');

:root {
  --fd-bg: #f1f3fb;
  --fd-paper: #ffffff;
  --fd-ink: #3f4366;
  --fd-dark: #4E4F73;
  --fd-accent: #8b613d;
  --fd-accent-2: #6f719d;
  --fd-border: #dde2f3;
  --fd-shadow: rgba(78, 79, 115, .14);
}

body.fd-world {
  background: var(--fd-bg);
  color: var(--fd-ink);
}

.fd-world .fd-eyebrow,
.fd-world .fd-card-title {
  color: var(--fd-accent-2);
}

.fd-world .fd-title {
  color: var(--fd-dark);
}

.fd-world .fd-title span {
  color: var(--fd-accent);
}

.fd-world .fd-card {
  background: var(--fd-paper);
  border: 1.5px solid var(--fd-border);
  box-shadow: 0 4px 24px var(--fd-shadow);
}

.fd-world .fd-card strong {
  color: var(--fd-dark);
}

.fd-world .fd-card em {
  color: var(--fd-accent);
}

.fd-world .fd-finn-bubble {
  background: var(--fd-paper);
  border: 1.5px solid var(--fd-border);
  box-shadow: 0 4px 24px var(--fd-shadow);
}

.fd-world .fd-finn-bubble::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--fd-accent), var(--fd-accent-2));
}

.fd-world .fd-finn-avatar {
  background: var(--fd-border);
  border: 2px solid var(--fd-accent-2);
}

.fd-world .fd-finn-name {
  color: var(--fd-accent);
}

.fd-world .fd-finn-text {
  color: var(--fd-ink);
}

.fd-world .fd-finn-text strong {
  color: var(--fd-dark);
}

.fd-world .fd-finn-text em {
  color: var(--fd-accent);
}

.fd-world .fd-btn-main {
  background: var(--fd-dark);
  color: #fff;
  border-color: var(--fd-dark);
}

.fd-world .fd-btn-main:hover {
  background: var(--fd-accent-2);
  border-color: var(--fd-accent-2);
  box-shadow: 0 6px 18px rgba(111, 113, 157, .28);
}

.fd-world .fd-btn-alt {
  background: var(--fd-paper);
  color: var(--fd-ink);
  border-color: var(--fd-border);
}

.fd-world .fd-btn-alt:hover {
  border-color: var(--fd-accent-2);
  color: var(--fd-dark);
}

.fd-world .fd-privacy-note {
  background: rgba(111, 113, 157, .08);
  border-left: 3px solid var(--fd-accent-2);
  color: var(--fd-ink);
}

.fd-world .fd-author {
  background: var(--fd-paper);
  border: 1.5px solid var(--fd-border);
  box-shadow: 0 4px 24px var(--fd-shadow);
  color: var(--fd-ink);
}

.fd-world .fd-author-avatar {
  border: 1px solid rgba(78, 79, 115, .18);
  background: rgba(111, 113, 157, .08);
}

.fd-world .fd-author-title {
  color: var(--fd-dark);
}

.fd-world .fd-author-subtitle,
.fd-world .fd-author-links,
.fd-world .fd-legal-links {
  color: rgba(63, 67, 102, .78);
}