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

:root {
  --fd-forest: #1a2e1f;
  --fd-forest-mid: #2a4030;
  --fd-forest-light: #3d5a43;
  --fd-gold: #c9a84c;
  --fd-gold-light: #e8d18a;
  --fd-birch: #f5f0e8;
  --fd-moss: #6b8e4e;
  --fd-ink-dark: #0f1d13;
}

body.fd-lukomorye {
  background: var(--fd-forest);
  color: var(--fd-birch);
  background-image:
    radial-gradient(ellipse at 20% 20%, rgba(107, 142, 78, .18) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 70%, rgba(201, 168, 76, .10) 0%, transparent 55%),
    linear-gradient(180deg, #1a2e1f 0%, #0f1d13 100%);
}

.fd-lukomorye .fd-eyebrow,
.fd-lukomorye .fd-card-title {
  color: var(--fd-gold);
}

.fd-lukomorye .fd-title {
  color: var(--fd-birch);
}

.fd-lukomorye .fd-title span {
  color: var(--fd-gold-light);
}

.fd-lukomorye .fd-subtitle {
  color: rgba(245, 240, 232, .82);
}

.fd-lukomorye .fd-card {
  background: rgba(42, 64, 48, .72);
  border: 1.5px solid rgba(201, 168, 76, .25);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .24);
}

.fd-lukomorye .fd-card strong {
  color: var(--fd-gold-light);
}

.fd-lukomorye .fd-card em {
  color: var(--fd-gold);
}

.fd-lukomorye .fd-finn-bubble {
  background: rgba(42, 64, 48, .72);
  border: 1.5px solid rgba(201, 168, 76, .3);
  box-shadow: 0 4px 32px rgba(0, 0, 0, .4);
  backdrop-filter: blur(4px);
}

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

.fd-lukomorye .fd-finn-avatar {
  background: var(--fd-forest-mid);
  border: 2px solid var(--fd-gold);
}

.fd-lukomorye .fd-finn-name {
  color: var(--fd-gold);
}

.fd-lukomorye .fd-finn-text {
  color: var(--fd-birch);
}

.fd-lukomorye .fd-finn-text strong {
  color: var(--fd-gold-light);
}

.fd-lukomorye .fd-finn-text em {
  color: var(--fd-gold);
}

.fd-lukomorye .fd-btn-main {
  background: var(--fd-gold);
  color: var(--fd-ink-dark);
  border-color: var(--fd-gold);
}

.fd-lukomorye .fd-btn-main:hover {
  background: var(--fd-gold-light);
  border-color: var(--fd-gold-light);
  box-shadow: 0 4px 16px rgba(201, 168, 76, .3);
}

.fd-lukomorye .fd-btn-alt {
  background: transparent;
  border-color: rgba(201, 168, 76, .4);
  color: var(--fd-birch);
}

.fd-lukomorye .fd-btn-alt:hover {
  background: rgba(201, 168, 76, .15);
  color: var(--fd-gold-light);
}

.fd-lukomorye .fd-privacy-note {
  background: rgba(74, 107, 58, .18);
  border-left: 3px solid var(--fd-moss);
  color: rgba(245, 240, 232, .9);
}

.fd-lukomorye .fd-author {
  background: rgba(42, 64, 48, .74);
  border: 1.5px solid rgba(201, 168, 76, .25);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
  color: var(--fd-birch);
}

.fd-lukomorye .fd-author-avatar {
  border: 1px solid rgba(201, 168, 76, .45);
  background: rgba(255, 255, 255, .06);
}

.fd-lukomorye .fd-author-title {
  color: var(--fd-gold-light);
}

.fd-lukomorye .fd-author-subtitle,
.fd-lukomorye .fd-author-links,
.fd-lukomorye .fd-legal-links {
  color: rgba(245, 240, 232, .82);
}