@media (prefers-color-scheme: dark) {
}
:root {
  --background: #121212;
  --background-alt: #161616;
  --link-hover: #202020;
  --foreground: #e2e2e2;
  --button-active: #f2f2f2;
  --light-bg-foreground: #242424;
  --border-line: #f1f1f130;
  --dark-theme-filter: brightness(90%);
}
.post-section {
  .post {
    filter: brightness(80%);
    /*
      filter: saturate(40%) invert(1);
      background-color: var(--background-alt) !important;
      h5,
      p {
        color: var(--foreground) !important;
      }
      p {
        opacity: 0.5;
      }
      .num {
        color: #ffffff60 !important;
      }*/
  }
}
.case_study {
  .intro {
    .seperator {
      filter: invert(1);
    }
  }
  .hero {
    div:nth-child(1) {
      p {
        color: var(--light-bg-foreground);
      }
    }
    filter: var(--dark-theme-filter);
    img {
      filter: none;
    }
  }
  .wrapper {
    filter: var(--dark-theme-filter);
    .box {
      color: var(--light-bg-foreground);
    }
  }
  & .two-section {
    & main {
      & #user-persona {
        & .pj {
          & .persona-container {
            & .pkf {
              .card {
                filter: var(--dark-theme-filter);
                color: var(--light-bg-foreground);
              }
            }
          }
          & .journey-map {
            & table {
              & thead {
                filter: var(--dark-theme-filter);

                .table-title th {
                  color: var(--light-bg-foreground);
                }
              }
            }
          }
        }
      }
    }
  }
  .us-finding {
    background-color: var(--background-alt);
    img {
      filter: none;
    }
  }
}
footer {
  .links {
    a {
      img {
        filter: invert(1);
      }
    }
  }
}
img {
  filter: var(--dark-theme-filter);
}