:root {
  --bg-primary: #000000;
  --text-primary: #ffffff;
  --text-secondary: #aaaaaa;
  --accent-alert: #ff0000;
  --ui-border: #333333;
}

body {
  background: var(--bg-primary);
}

.main-text {
  color: var(--text-primary);
  position: relative;
}

.main-text::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--text-primary), transparent);
}

.info-text {
  color: var(--text-secondary);
}

.info-block h2 {
  color: var(--text-primary);
  border-bottom: 1px solid var(--ui-border);
  padding-bottom: 10px;
  display: inline-block;
}

.app-button {
  background: transparent;
  color: var(--text-primary);
  border: 1px solid var(--text-primary);
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

.app-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
  transition: 0.5s;
}

.app-button:hover::before {
  left: 100%;
}

.dot {
  background-color: var(--text-primary);
  opacity: 0.5;
}

.object {
  color: var(--text-primary);
  opacity: 0.7;
}

.element {
  color: var(--text-primary);
}

.element::before {
  background: repeating-linear-gradient(
    to right,
    var(--text-secondary) 0,
    var(--text-secondary) 2px,
    transparent 2px,
    transparent 4px
  );
}