/*
Theme Name: Forge Theme
Theme URI: https://example.com/forge-theme
Author: PixeLoop
Description: Custom WordPress theme migrated from the PixeLoop React frontend.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: forge-theme
*/

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Manrope", sans-serif;
  background-color: #050505;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cabinet Grotesk", "Manrope", sans-serif;
}

img {
  transition: opacity 0.3s ease;
}

a {
  color: inherit;
  text-decoration: none;
}

.text-outline {
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.12);
  color: transparent;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: forge-marquee 30s linear infinite;
}

.marquee-track span {
  display: inline-block;
}

@keyframes forge-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}