/* Copyright (C) 2026 The Ragyxo Foundation */

:root {
  --bbjprojek: #1D4F91;
  --rabbau: #5B6236;
  --annas: #D01C7C;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bbjprojek: #6CACE4;
    --rabbau: #9CAF88;
    --annas: #E371AE;
  }
}

p.prox {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  p.prox {
    font-size: 1.56rem;
  }
}

/* A. P colors */
p.a {
  color: var(--branding);
}

p.b {
  color: var(--annas);
}

p.c {
  color: var(--bbjprojek);
}

a:hover {
  transition: filter 0.2s ease;
  filter: blur(3px);
}

/* B. Non-branding footer */
hr.foot {
  width: 28vh;
  color: var(--heading);
}

/* C. Logo effect */
.wander {
  animation: drift 12s infinite ease-in-out;
}

@keyframes drift {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  33% {
    transform: translate(15px, -10px) rotate(0.5deg);
  }
  66% {
    transform: translate(-12px, 8px) rotate(-0.5deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}