@import url("../assets/css/editorial.css");

:root {
  --gallery-carousel-gap: 1rem;
}

/* Trevni screenshot mocks */
.screen--negative {
  background:
    repeating-linear-gradient(to bottom, transparent 0 14px, rgba(0,0,0,0.55) 14px 20px),
    linear-gradient(120deg, #3a2415, #d98a4a 50%, #2f1c10);
  filter: saturate(0.85);
}

.screen--negative::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(232, 131, 58, 0.42), rgba(180, 90, 40, 0.5));
  mix-blend-mode: multiply;
}

.screen--positive {
  background:
    radial-gradient(120% 80% at 30% 18%, #f6e2c4 0%, transparent 45%),
    linear-gradient(170deg, #9fc6e6 0%, #cdb79b 46%, #6b4a32 100%);
}

.screen--adjust {
  background: linear-gradient(180deg, #141414 0%, #1e1e1e 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
  padding: 22px 18px 32px;
}