@layer components {
  /* ===== Keyframes ===== */

  @keyframes shimmer {
    0% { background-position: 0% 50%; }
    25% { background-position: 100% 50%; }
    50%, 100% { background-position: 0% 50%; }
  }

  /* ===== Gradient Text ===== */

  .landing-nav-logo,
  .dashboard-nav-logo,
  .landing-title-text {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
}