:root {
  --pstg-ink: #050505;
  --pstg-copy: #111;
  --pstg-red: #f43f44;
}

body {
  color: var(--pstg-ink);
}

::selection {
  color: #fff;
  background: var(--pstg-red);
}

.page-wrapper p,
.section-des,
.thinking-title,
.thinking-support,
.about-text p {
  color: var(--pstg-copy) !important;
}

.section h2.title,
.serv-block-wrap .serv-block-item h4,
.home-blog-list li a,
.skills-progress .name {
  color: var(--pstg-ink) !important;
}

.section-des {
  font-weight: 600;
}

.page-wrapper .portfolio-text-holder p,
.page-wrapper .portfolio-text-holder .portfolio-text,
.page-wrapper .portfolio-text-holder .portfolio-cat {
  color: #fff !important;
}

.page-wrapper p,
.about-text p,
.thinking-support {
  font-weight: 500;
}

.s-nav,
.nav-list li a,
.nav-soc li a {
  color: var(--pstg-ink);
}

.nav-soc::after {
  content: "\00A9 2026 PSTG Studio. All rights reserved.";
  position: absolute;
  top: auto;
  bottom: -54px;
  left: 0;
  width: max-content;
  color: rgba(5, 5, 5, 0.52);
  font-size: 10px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
}

.nav-list li a.current,
.nav-list li a:hover,
.nav-soc li a:hover,
#home .entry-title,
#home .hero-cta:hover,
.home-blog-list li .blog-list-info .category {
  color: var(--pstg-red) !important;
}

#home .hero-cta::before,
.serv-link-cover,
.skills-history,
.skills-progress .skill-fill {
  background-color: var(--pstg-red) !important;
}

.nav-container .site-title::before {
  background-color: var(--pstg-ink) !important;
}

.nav-container .site-title:hover::before {
  background-color: var(--pstg-red) !important;
}

.skills-history,
.skills-history p,
.serv-link-cover a,
.serv-link-cover li:nth-child(2) a,
.about-info,
.about-info a {
  color: #fff !important;
}

.skills-history li:hover .date {
  color: var(--pstg-ink) !important;
}

@media (min-width: 768px) {
  #home .hero-copy p {
    color: var(--pstg-ink) !important;
    background-color: rgba(255, 240, 240, 0.9);
    box-shadow: 10px 0 rgba(255, 240, 240, 0.9), -10px 0 rgba(255, 240, 240, 0.9);
  }
}

@media (max-width: 1199px) {
  .nav-soc {
    flex-wrap: wrap;
    bottom: 20px !important;
  }

  .nav-soc::after {
    position: static;
    flex: 0 0 100%;
    margin-top: 4px;
  }
}