:root {
  --color-primary: #0F4C81;
  --color-primary-dark-1: #0d426f;
  --color-primary-dark-2: #0b385f;
  --color-primary-dark-3: #092e4e;
  --color-primary-dark-4: #07243e;
  --color-primary-dark-5: #061c31;
  --color-primary-dark-6: #051727;
  --color-primary-dark-7: #04121e;
  --color-primary-dark-8: #030c14;
  --color-primary-light-1: #2a629a;
  --color-primary-light-2: #4579ac;
  --color-primary-light-3: #6090bd;
  --color-primary-light-4: #7ba7cd;
  --color-primary-light-5: #97bfdc;
  --color-primary-light-6: #b3d6ea;
  --color-primary-light-7: #d0ebf5;
  --color-primary-light-8: #edf9fc;
}

/* Scoped override: the homepage's decorative hero icons/links use Gitea's
   shared --color-green token, which is also reused for real semantic
   "success" states (diff additions, verified-commit badges, etc.) elsewhere
   in the UI. Overriding it globally would turn those blue too, so instead
   target the homepage-only selectors directly and leave --color-green
   untouched everywhere else. */
.home .hero .svg {
  color: var(--color-primary);
}
.home a {
  color: var(--color-primary);
}
.home a:hover {
  color: var(--color-primary-hover);
}