:root {
  --lucian-ink: #17121a;
  --lucian-purple: #4b4bd8;
  --lucian-pink: #ef4b9a;
  --lucian-paper: #fbf8f4;
  --lucian-lilac: #eeecff;
}

body {
  background: var(--lucian-paper);
  color: var(--lucian-ink);
  font-family: Arial, Helvetica, sans-serif !important;
  --tainacan-interface--link-color: var(--lucian-purple);
  --tainacan-block-primary: var(--lucian-purple);
}

.navbar.navbar-light.bg-white {
  background: var(--lucian-paper) !important;
  border-bottom: 2px solid var(--lucian-ink) !important;
  box-shadow: none !important;
  min-height: 74px !important;
}

.navbar .navbar-brand,
.navbar .custom-logo-link {
  color: var(--lucian-ink) !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.navbar .navbar-brand::after {
  color: var(--lucian-pink);
  content: ' / archivo vivo';
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.menu-belowheader .nav-link,
.menu-belowheader .navbar-nav .nav-link {
  color: var(--lucian-ink) !important;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.menu-belowheader .nav-link:hover,
.menu-belowheader .current-menu-item .nav-link {
  color: var(--lucian-purple) !important;
}

.breadcrumb-bg,
.tainacan-breadcrumb,
.page-header.header-filter {
  background-color: var(--lucian-lilac) !important;
}

main,
#main,
.site-content {
  background: var(--lucian-paper);
}

main h1, main h2, main h3,
.site-content h1, .site-content h2, .site-content h3 {
  color: var(--lucian-ink) !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 800 !important;
  letter-spacing: -0.035em;
}

main h1, .site-content h1 {
  font-size: clamp(2.35rem, 6vw, 5.5rem) !important;
  line-height: 0.94 !important;
}

main p, .site-content p {
  color: #342d36;
  font-size: 1.08rem;
  line-height: 1.7;
}

/* The current provisional home copy contains legacy code markup. Keep it
   readable while the final block content is being prepared. */
.home .tainacan-content code {
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
}

.home .post-21 > header { display: none; }

.home .tainacan-content.margin-two-column {
  background: #fff;
  border-left: 8px solid var(--lucian-pink);
  box-shadow: 12px 12px 0 var(--lucian-lilac);
  margin-bottom: 5rem;
  margin-top: 3.5rem;
  max-width: 58rem;
  padding: clamp(1.5rem, 4vw, 3.5rem);
}

.home .tainacan-content.margin-two-column > p:last-of-type {
  border-top: 1px solid #d7d0d7;
  color: var(--lucian-purple);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-top: 2.5rem;
  padding-top: 1.25rem;
}

.wp-block-button__link,
button:not(.navbar-toggler),
input[type='submit'],
.button {
  background: var(--lucian-purple) !important;
  border: 2px solid var(--lucian-purple) !important;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0 var(--lucian-ink);
  color: #fff !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em;
  padding: 0.75rem 1.1rem !important;
  text-transform: uppercase;
  transition: transform 120ms ease, box-shadow 120ms ease;
}

.wp-block-button__link:hover,
button:not(.navbar-toggler):hover,
input[type='submit']:hover,
.button:hover {
  background: var(--lucian-pink) !important;
  border-color: var(--lucian-pink) !important;
  box-shadow: 1px 1px 0 var(--lucian-ink);
  transform: translate(3px, 3px);
}

.tainacan-filters-container,
.tainacan-modal-content,
.tainacan-item-section,
.metadata-type-container {
  border-radius: 0 !important;
}

.tainacan-item,
.tainacan-grid-item {
  background: #fff;
  border: 1px solid #d7d0d7;
  box-shadow: 5px 5px 0 rgba(23, 18, 26, 0.1);
}

.tainacan-item:hover,
.tainacan-grid-item:hover {
  border-color: var(--lucian-purple);
  box-shadow: 7px 7px 0 var(--lucian-pink);
}

footer, .site-footer {
  background: var(--lucian-ink) !important;
  color: #fff !important;
}

footer a, .site-footer a { color: #fff !important; }

@media (max-width: 768px) {
  .navbar.navbar-light.bg-white { min-height: 60px !important; }
  main h1, .site-content h1 { font-size: 2.7rem !important; }
}