@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;600;900&display=swap');

:root {
  --color-brand-red: #da291c;
  --color-brand-black: #0a0a0a;
  --color-brand-white: #f5f5f5;
}

body {
  background-color: var(--color-brand-black);
  color: var(--color-brand-white);
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

/* Brutalist Typography overrides */
h1, h2, h3, h4, .font-display {
  font-family: 'Anton', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Base styles for scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: var(--color-brand-black);
}
::-webkit-scrollbar-thumb {
  background: var(--color-brand-red);
}
::-webkit-scrollbar-thumb:hover {
  background: #ff3322;
}

/* Animations */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* Custom Selection */
::selection {
  background-color: var(--color-brand-red);
  color: var(--color-brand-white);
}

.bg-parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}